jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互这里使用的是jQuery的ajax方法
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" id="results"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="jquery-1.11.0.min.js"></script> <script> $.ajax({ url: "xxx.ashx",//请求地址 data: {"name":"name","age":1},//设置参数 type: "POST",//定义请求模式,分为post跟get //dataType: "json",//预期判断服务器返回的数据类型,如果不设置,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断 async: true,//true为异步加载数据,flase为同步加载数据发送请求时会自动锁住浏览器 cache: false,//false为不缓存;true为缓存 error: function (error) {//请求报错 //error.state返回的是请求状态 //error.statusText返回ok和Not Found //error.responseText返回请求的数据,如果请求失败返回一个错误页面 }, success: function (msg) {//请求成功返回 document.write(msg); }, complete: function (error) {// 当请求完成之后调用这个函数,无论成功或失败 //error.state返回的是请求状态 //error.statusText返回ok和Not Found //error.responseText返回请求的数据,如果请求失败返回一个错误页面 } }); </script> </head> <body > </body> </html>
jquery 里面ajax的属性比较有用的属性:
dataType: "json",//预期判断服务器返回的数据类型,如果不设置,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断
timeout:设置请求超时时间(毫秒)。此设置将覆盖全局设置。
使用ajax加载并执行一个 JS 文件。
$.ajax({ type: "GET", url: "test.js", dataType: "script" });