Javascript 获取外部内容(同一域)并将其插入特殊div(无替换)
我有两个php文件(同一个域): main.php的结构Javascript 获取外部内容(同一域)并将其插入特殊div(无替换),javascript,jquery,Javascript,Jquery,我有两个php文件(同一个域): main.php的结构 <div class="box">Hello:</div> 但“加载”似乎正在取代内容 因此,我尝试$。获取: $.get( "http://website.com/test.php .names", function( data ) { $( ".box" ).html( data ); }); 但是“$.get”忽略了我的类名,并且完全“替换”了内容 我的失败是什么?你可以像下面这样使用这个类 <
<div class="box">Hello:</div>
但“加载”似乎正在取代内容
因此,我尝试$。获取:
$.get( "http://website.com/test.php .names", function( data ) {
$( ".box" ).html( data );
});
但是“$.get”忽略了我的类名,并且完全“替换”了内容
我的失败是什么?你可以像下面这样使用这个类
<div class="names">
<span>Andy</span>
<span>Sandra</span>
</div>
您可以使用下面的类
<div class="names">
<span>Andy</span>
<span>Sandra</span>
</div>
您应该使用jqueryappend函数 它允许您将数据附加到目标选择器的末尾
编辑:修复了断开的链接您应该使用jquery追加功能 它允许您将数据附加到目标选择器的末尾 编辑:修复了运行
$(“.box”)时断开的链接http://website.com/test.php (名称);
在此HTML上您好:
您正在替换
的内容(在本例中为您好:
)<代码>$(“.box”).html(数据)也在做同样的事情(事实上,这可能是load()
在引擎盖下实现的方式。如果您想保存内容,那么您可以在替换内容之前捕获它,或者像这样更改html:
<div class="box">Hello:<span id='Names'></span></div>
$("#Names").load("http://website.com/test.php .names");
当您运行$(“.box”)时。加载(“http://website.com/test.php .names“;
在此HTML上你好:
您正在替换你好:
(在本例中为你好:
)。$(.box”).HTML(数据);
也在做同样的事情(实际上可能是加载()
是在引擎盖下实现的。如果你想保存内容,你可以在替换之前简单地捕获它,或者像这样修改你的html:
<div class="box">Hello:<span id='Names'></span></div>
$("#Names").load("http://website.com/test.php .names");
你能用
id=names
然后在你的url中使用这个id吗?比如#names
@Niladri同样的id问题;(使用append
更改了我的代码,它创建了一个临时div来存储HTML的内容,然后将其追加。您的名称中有一个错误,它缺少一个span标记。您似乎需要更改为$(.box”)。append(数据)
在上一个代码中,可以使用id=names
命令,然后在url中使用该id?就像#names
@Niladri一样,id也有同样的问题;(使用append
更改了我的代码,它创建了一个临时div来存储HTML的内容,然后将其追加。您的名称中有一个错误,它缺少一个span标记。您似乎只需要更改为$(“.box”)。append(data);
在上一个代码中Hi Niladri,我尝试过这个-同样的问题-“加载”替换所有内容-因此“Hello:”不再可用;(.文档中没有任何内容指定class@mplungjan上的ID,我使用了classselector@mplungjanOP不想删除现有的contentRight。错过了该部分。嗨,Niladri,我尝试过这个-同样的问题-“加载”替换所有内容-所以“你好:”不再可用;(.文档中没有任何内容指定class@mplungjan上的ID,我使用了classselector@mplungjanOP不希望删除现有contentRight。缺少该部分。文档中没有指定ID而不是类的内容。文档中没有指定ID而不是类的内容
<div class="box">Hello:<span id='Names'></span></div>
$("#Names").load("http://website.com/test.php .names");