位置: 编程技术 - 正文

jquery ajax局部加载方法详解(实现代码)

编辑:rootadmin

推荐整理分享jquery ajax局部加载方法详解(实现代码),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

在jquery中实现ajax加载的方法有很多种,不像以前的js的ajax只有那一种,下面我们介绍jquery ajax实现局部加载方法总结,有需要了解的朋友可参考。

代码解析:

从上面的代码我们可以看出,返回的数据是data,但是我们如果在要ajax请求的页面的那部分用id为list的一个DIV包围起来,这样我们通过$(data).filter("#list").html()就可以拿到DIV中的HTML内容

实例

上面我们使用的是的方法,其实还有更简单的办法哦,load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中

1. 加载一个php文件,该php文件不含传递参数$("#myID").load("test.php");

//在id为#myID的元素里导入test.php运行后的结果

jquery ajax局部加载方法详解(实现代码)

2. 加载一个php文件,该php文件含有一个传递参数

$("#myID").load("test.php",{"name" : "Adam"});

//导入的php文件含有一个传递参数,类似于:test.php&#;name=Adam3. 加载一个php文件,该php文件含有多个传递参数。注:参数间用逗号分隔

$("#myID").load("test.php",{"name" : "Adam" ,"site":"dh.com"});

//导入的php文件含有一个传递参数,类似于:test.php&#;name=Adam&site=dh.com4. 加载一个php文件,该php文件以数组作为传递参数

$("#myID").load("test.php",{'myinfo[]', ["Adam", "dh.com"]});

//导入的php文件含有一个数组传递参数。

以上这篇jquery ajax局部加载方法详解(实现代码)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

jQuery判断checkbox选中状态 前言神奇的JQuery怎么设置checkbox状态时好时坏?明明同一行代码,断点跟踪确实执行了,但是有时候好使,有时候却没有生效。毕竟对JS不是很熟悉,只

jQuery CSS3自定义美化Checkbox实现代码 效果图:是不是比默认的好看多了,个人的审美观应该还是可以的。接下来我们一起来看看实现这款美化版Checkbox的源代码,主要思路是利用隐藏原来的

使用jQuery.form.js/springmvc框架实现文件上传功能 使用的技术有jquery.form.js框架,以及springmvc框架。主要实现异步文件上传的同时封装对象,以及一些注意事项。功能本身是很简单的,但是涉及到一些传

本文链接地址:https://www.jiuchutong.com/biancheng/386552.html 转载请保留说明!

上一篇:jQuery验证插件validate使用详解(jquery的validate前端表单验证)

下一篇:jQuery判断checkbox选中状态

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络