我想在调用 $.ajax() 后得到一个带有 ID 的 div 元素 这是我的代码：
$.ajax({
url: "PO_Header.php",
data: "supplier="+selectedId,
cache: false,
success: function(html){
$("#PO_Header").empty();
$("#PO_Header").append(html);
}
});
$("#PO_Header").append(html); 将附加整个 html 页面，我想要的是获取具有特定 id 的元素。假设 inPO_Header.phpa 带有id='mydiv' 的 div 元素将被注入到我的当前页面中。
【问题讨论】：
标签： jquery
使用jQuery的加载：
$('#PO_Header').load('PO_Header.php #mydiv', { 'supplier': selectedId } );
它允许您加载页面片段。正如他们的documentation 指出的那样：
加载页面片段 .load() 方法与 $.get() 不同，它允许我们指定一部分 要插入的远程文档。这是 使用 url 参数的特殊语法实现。如果一个或多个 空格字符包含在字符串中，字符串的一部分 在第一个空格之后被假定为一个 jQuery 选择器 确定要加载的内容。
因此它只会将来自 PO_Header.php 的<div id="myDiv"></div> 注入到您的元素中。
【讨论】：
$.ajax() 是 jQuery 提供的用于处理 XmlHttpRequest 对象的通用函数。但是他们添加了一大堆更精确的功能，使人们能够从中得到他们想要的东西，而无需大量不必要的参数。所以$.load() 只是$.ajax() 的一个更精确和指定的函数，它使您能够从服务器文件中获取数据并将其插入到DOM 元素中。
您可以为此使用.load()。
加载页面片段
.load() 方法与$.get() 不同，它允许我们指定要插入的远程文档的一部分。这是通过 url 参数的特殊语法实现的。如果字符串中包含一个或多个空格字符，则字符串中第一个空格之后的部分被假定为确定要加载的内容的 jQuery 选择器。
基本上你可以这样使用它：
$('#PO_Header').load('PO_Header.php #mydiv', { 'supplier': selectedId } );
要禁用cache，您可以在代码开头使用：
$.ajaxSetup({
cache: false
});
编辑：
.load() 与 .get() 大致相同，除了以下几个原因：
.load() 有一个隐式回调函数，当成功响应发生时，它会将返回的 HTML 内容设置到提供的元素中。
url 参数有一个特殊的语法，用于指定要插入的返回文档的确定部分。
默认方法是GET。除非data 参数作为对象传递，否则使用POST 方法。
【讨论】：
我更喜欢在外部函数中绑定到 ajax 加载的元素，并在我的成功函数中调用它。
function binder(){
$("#mydiv")....do something here
}
$.ajax({
url: "PO_Header.php",
data: "supplier="+selectedId,
cache: false,
success: function(html){
$("#PO_Header").empty();
$("#PO_Header").append(html);
binder();
}
});
【讨论】：
试试这个
$.ajax({
url: "PO_Header.php",
data: "supplier="+selectedId,
cache: false,
success: function(html){
var new_html = $(html).find('#mydiv').html();
$("#PO_Header").empty();
$("#PO_Header").append(new_html);
}
});
【讨论】：
我发现这个来自 CSS-Tricks 的示例非常有帮助 -
【讨论】：