zoukankan      html  css  js  c++  java
  • 手动模拟一个类似jquery的ajax请求

     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代码

  • 相关阅读:
    Ajax 一
    Ajax
    回调函数2
    回调函数
    mysql_fetch_row mysql_fetch_array
    几款主流PHP框架的优缺点评比
    关于PHP 7你必须知道的五件事
    10个实用的PHP正则表达式
    PHP实现四种基本排序算法
    10个最佳的PHP图像操作库
  • 原文地址:https://www.cnblogs.com/songdongdong/p/6429460.html
Copyright © 2011-2022 走看看