购物网站建设案件,通过网站做跳板,揭阳网站制作计划,wordpress 自定义页面编辑本博客 ajax异步的JavaScript和html load() 从服务器加载数据#xff0c;并把返回的数据放入备选元素中。这里加载回来的数据可以只有一个p标签#xff0c;无需head元素等 $(selector).load(url,data,callback) url#xff1a;必选#xff0c;规定加载的ur…编辑本博客 ajax异步的JavaScript和html load() 从服务器加载数据并把返回的数据放入备选元素中。这里加载回来的数据可以只有一个p标签无需head元素等 $(selector).load(url,data,callback) url必选规定加载的url地址data可选一同发送的查询字符串键值对的集合callback可选load方法执行完毕后执行的函数 script typetext/javascript$(document).ready(function () {$(#projects).load(./ajax_data.html);})
/script View Code 请求的同时进行传参 script typetext/javascript$(document).ready(function () {$(#projects).load(./ajax_data.html,{name:zhangsan,age:22});})
/script View Code getJSON() 异步加载JSON数据获取服务器上的数据并显示在网页中 $.getJSON(url,[data],[callback]) url服务器请求地址data可选参数请求时发送的数据callback请求完成后的回调函数 script typetext/javascript$.getJSON(./data/getJSON.json,function (data) {var str$.each(data,function (index, ele) {$(ul).append(liele.name/li)});})
/script View Code get()方法 通过http的get方法从服务器 $.get(ulr,[callback]) post()方法 以post方式向服务器发送数据 $.post(url,[data],[callback]) ajax示例 get方法 script typetext/javascript$.ajax({url:./data/data.json,type:get,dataType:json,success:function (data) {console.log(data);},error:function () {}})
/script View Code post方法 script typetext/javascript$.ajax({url:./data/data.json,type:get,dataType:json,success:function (data) {console.log(data);},error:function () {}});$.ajax({url:/course,type:post,data:{a:1,b:2},success:function(data) {//data为后台返回的数据if(data.stateok data.status200){alert(登录成功)}},error:function(err) {//请求失败调用的函数console.log(err)}});
/script View Code 转载于:https://www.cnblogs.com/yaya625202/p/9206330.html
