残联网站建设,建筑网站资料,wordpress优惠券,潍坊网站制作案例目录 Ajax是一种异步无刷新的技术 Ajax的优点#xff1a;
可以无需刷新页面与服务器端进行通信允许根据用户事件来更新部分页面内容
Ajax的缺点#xff1a;
没有浏览历史#xff0c;不能回退存在跨域问题#xff08;同源#xff09;SEO#xff08;搜索引擎优化#x…目录 Ajax是一种异步无刷新的技术 Ajax的优点
可以无需刷新页面与服务器端进行通信允许根据用户事件来更新部分页面内容
Ajax的缺点
没有浏览历史不能回退存在跨域问题同源SEO搜索引擎优化不友好 jquery 调用 ajax 方法
$.ajax
格式 $.ajax({ [参数] }); 格式: $.ajax(});参数: type: 请求方式GET/POST url: 请求地址url async: 是否异步默认是true表示异步 data: 发送到服务器的数据 dataType: 预期服务器返回的数据类型 contentType: 设置请求头 success: 请求成功时调用此函数 error: 请求失败时调用此函数 $.get
这是一个简单的GET 请求功能以取代复杂 $ajax
请求成功时可调用回调函数。如果需要在出错时执行函数请使用 $.ajax。
语法 // 1.请求json文件忽略返回值$.get( js/cuisine_area.json ); // 2.请求json文件传递参数忽略返回值 $.get( js/cuisine_area.json,{ name:tom ,age:100} ); // 3.请求json文件,拿到返回值,请求成功后可拿到返回值 $.get( js/cuisine_area.json,function( data ) { console.log(data) }); // 4.请求json文件,传递参数,拿到返回值 $.get(js/cuisine_area.json , { name:tom,age:100},function(data){ console.log(data) ; }); $.post $.getJSON
表示请求返回的数据类型是]SON格式的ajax请求 $.getJSON(js/cuisine_area.json , { name:tom,age:100},function(data){ console.log(data) ; //要求返回的数据类型时JSON格式});
