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

  • 相关阅读:
    YTU 2802: 判断字符串是否为回文
    YTU 2392: 求各位数字之和
    YTU 2391: 求素数
    HDU 2064:汉诺塔III
    HDU 2187:悼念512汶川大地震遇难同胞——老人是真饿了
    HDU 2036:改革春风吹满地
    HDU 1081:To The Max
    HDU 1257:最少拦截系统
    YTU 2425: C语言习题 输出月份
    YTU 2420: C语言习题 不等长字符串排序
  • 原文地址:https://www.cnblogs.com/songdongdong/p/6429460.html
Copyright © 2011-2022 走看看