本文共 1689 字,大约阅读时间需要 5 分钟。
1、ajaxTool.js
var xmlhttp;/** * ajax之GET请求方式 * @param url * @param data * @param callback */function ajaxGET(url, data, callback){ if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange = function() { // 请求完成,并且响应状态为成功 if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { var jsondata = JSON.parse(xmlhttp.responseText); callback(jsondata); } } xmlhttp.open("GET", url + '?' + data, true); xmlhttp.send();}/** * ajax之POST请求方式 * @param url * @param data * @param callback */function ajaxPOST(url, data, callback){ if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange = function() { // 请求完成,并且响应状态为成功 if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { var jsondata = JSON.parse(xmlhttp.responseText); callback(jsondata); } } xmlhttp.open("POST", url, true); xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xmlhttp.send(data);}
2、testAjaxTool.html
我的ajax工具 我的ajax工具
3、index.php (服务端)
'success', 'code'=>1];// 告诉浏览器这是json数据header('Content-Type:application/json;charset=UTF-8');// 告诉浏览器允许跨域访问的域名header('Access-Control-Allow-Origin: *');// 输出jsonecho json_encode($arr);
转载地址:http://wzrai.baihongyu.com/