Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取外部内容(同一域)并将其插入特殊div(无替换)_Javascript_Jquery - Fatal编程技术网

Javascript 获取外部内容(同一域)并将其插入特殊div(无替换)

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”忽略了我的类名,并且完全“替换”了内容 我的失败是什么?你可以像下面这样使用这个类 <

我有两个php文件(同一个域):

main.php的结构

<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");