jQuery。将远程内容加载到div中，保留链接的范围等

Question

如果我使用以下方法将文件内容加载到div中

$("testDiv").load('http://outserver/Siteb/search');

我在div中找到了搜索页面。相关页面有一个搜索表单。我希望结果页面绑定在同一个div中，而不是像往常一样接管。

有没有办法做到这一点？

Answer 1

首先，您不能使用load来执行此操作，因为，作为文档状态，

  

由于浏览器安全限制，   大多数“Ajax”请求都受制于   同源政策;请求   无法成功检索数据   来自不同的域，子域或   协议

如果你想在同一个域上执行此操作，则应该像Marek建议的那样将其加载到iframe中

Answer 2

使用IFRAME执行此操作：

<iframe src="http://outserver/Siteb/search" width="200" height="200"></iframe>

或者通过jQuery创建整个View逻辑

1）$（“＃testDiv”）。load（'http：// outserver / Siteb / search'）;
2）$（“form”）。submit（）//处理表单提交并通过AJAX调用提交 3）通过AJAX获得结果
4）在div中显示结果，无需刷新页面