程序员帮忙做放贷网站,wordpress收费资源下载,2023年房地产行业分析,wordpress 表格主题http://blog.sucaijiayuan.com/article/89 jquery框架的ajax方法固然好用#xff0c;但是假如某天我们的项目不能引入jquery或项目需求很简单#xff0c;没有很多交互功能#xff0c;只需要ajax#xff0c;这时引入jquery库会造成资源浪费#xff0c;也会显得页面臃肿。这…http://blog.sucaijiayuan.com/article/89 jquery框架的ajax方法固然好用但是假如某天我们的项目不能引入jquery或项目需求很简单没有很多交互功能只需要ajax这时引入jquery库会造成资源浪费也会显得页面臃肿。这时我们就需要用原生JS写一个ajax函数了。 1 /* 封装ajax函数2 * param {string}opt.type http连接的方式包括POST和GET两种方式3 * param {string}opt.url 发送请求的url4 * param {boolean}opt.async 是否为异步请求true为异步的false为同步的5 * param {object}opt.data 发送的参数格式为对象类型6 * param {function}opt.success ajax发送并接收成功调用的回调函数7 */8 function ajax(opt) {9 opt opt || {};
10 opt.method opt.method.toUpperCase() || POST;
11 opt.url opt.url || ;
12 opt.async opt.async || true;
13 opt.data opt.data || null;
14 opt.success opt.success || function () {};
15 var xmlHttp null;
16 if (XMLHttpRequest) {
17 xmlHttp new XMLHttpRequest();
18 }
19 else {
20 xmlHttp new ActiveXObject(Microsoft.XMLHTTP);
21 }var params [];
22 for (var key in opt.data){
23 params.push(key opt.data[key]);
24 }
25 var postData params.join();
26 if (opt.method.toUpperCase() POST) {
27 xmlHttp.open(opt.method, opt.url, opt.async);
28 xmlHttp.setRequestHeader(Content-Type, application/x-www-form-urlencoded;charsetutf-8);
29 xmlHttp.send(postData);
30 }
31 else if (opt.method.toUpperCase() GET) {
32 xmlHttp.open(opt.method, opt.url ? postData, opt.async);
33 xmlHttp.send(null);
34 }
35 xmlHttp.onreadystatechange function () {
36 if (xmlHttp.readyState 4 xmlHttp.status 200) {
37 opt.success(xmlHttp.responseText);
38 }
39 };
40 } 使用示例 1 ajax({2 method: POST,3 url: test.php,4 data: {5 name1: value1,6 name2: value27 },8 success: function (response) {9 console.log(response)
10 }
11 }); 转载于:https://www.cnblogs.com/a757956132/p/5603176.html
