1 var $ = { 2 parms:function(obj){ 3 var str = ''; 4 for(var k in obj){ 5 str +=k+'='+obj[k]+'&'; 6 } 7 str = str.slice(0,-1); 8 return str; 9 }, 10 ajax:function(options){ 11 var type = options.type; 12 var url = options.url||''; 13 var data = options.data||''; 14 data = this.parms(data); 15 // 判断请求方式 16 if (type=='get') { 17 // 如果是get请求,send中没有参数,或者为null 18 // 然后data数据应该拼接到url上 19 url = url+'?'+data; 20 data = null; 21 } 22 // 实例化对象 23 var xhr = new XMLHttpRequest(); 24 // 设置请求行 25 xhr.open(type,url); 26 //判断是不是post请求,如果是post请求,就需要设置请求头 27 if (type=='post') { 28 xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 29 } 30 // 设置请求正文 31 xhr.send(data); 32 // 监听并处理响应 33 xhr.onreadystatechange = function(){ 34 if (xhr.readyState==4&&xhr.status==200) { 35 result = xhr.responseText; 36 console.log(result); 37 } 38 } 39 } 40 } 41 var obj = { 42 name:'小航', 43 age:110 44 } 45 $.ajax({ 46 type:'post', 47 url:'ajaxTools.php', 48 data:obj 49 })
下面附上php代码
<?php // echo $_GET['name'].'----------'.$_GET['age']; echo $_POST['name'].'----------'.$_POST['age']; ?>
一个简单的post和get接收数据的php代码