jquery load加载动态页面

Posted 2023-05-12

我用的是asp.net，我在a.aspx页面的一个div中加载b.aspx页面，但是b页面中有一个搜索框和一个搜索按钮，当我点击b页面中的按钮后却弹出了一个新页面，怎样才能把查询的结果还显示到a页面的div中，而不是弹出新窗体。求各位大侠高解！

1.呵呵，使用iframe也可以做到，a页面div嵌入一个iframe,把搜索框form提交的target设置为iframe的name,如果不知道怎么做可以去看一下jquery的ajax文件上传功能，代码不多，相信你能看的明白
2.继续使用load方式加载搜索框的响应内容，把它放入div中，这种方式回来的内容可能会受到A页面的样式(css)影响，前者就不会~! 参考技术A 在b页面中，给按钮一个click事件，$("button").click(function()
$("a页面的div").load("点击b页面按钮后的新页面");
); 参考技术B 这样的话，你应该用iframe，把B页面加载到iframe里就可以了

jQuery load()

$(‘#gridId‘).load(url, data, callback(data));// data: JSONObject or String

可以在一个页面动态加载另一个页面（如动态加载JSP到指定的DIV）。

这个特性的应用场景是查询页面。传统的查询页面是：输入查询条件，点击“搜索”后，提交表单，把查询条件传输到后台，获取数据后，跳转到原页面，然后通过循环显示查询到的结果。这样的不足是：页面会闪动，体验不好。

The POST method is used if data is provided as an object; otherwise, GET is assumed.

参考：

https://api.jquery.com/load/

https://www.cnblogs.com/sharpest/p/7725526.html