博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ajax的使用
阅读量:5157 次
发布时间:2019-06-13

本文共 1553 字,大约阅读时间需要 5 分钟。

// GET 方式function ajax() {    // 提取值    var keyword = document.getElementById('keyword').value;    // 实例化    xhr = new XMLHttpRequest();    // 发起请求    xhr.open('get', 'deal.php?keyword='+keyword, true);    xhr.send(null);    // 跟踪    xhr.onreadystatechange = function(){        if (xhr.status == 200 && xhr.readyState == 4) {            document.getElementById('result').innerHTML = xhr.responseText;        }    }}// POST 方式function ajax(str) {    // 实例化    var xhr = new XMLHttpRequest();    // 发起请求    xhr.open('post', 'deal.php', true);    var data = 'keyword='+str;    xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');    xhr.send(data);    // 跟踪    xhr.onreadystatechange = function() {         if (xhr.status == 200 && xhr.readyState == 4) {          document.getElementById('result').innerHTML = xhr.responseText;                    }    }}

 

jQuery方式

$.ajax({    url:'/comm/test1.php',    type:'POST', //GET    async:true,    //或false,是否异步    data:{        name:'yang',age:25    },    timeout:5000,    //超时时间    dataType:'json',    //返回的数据格式:json/xml/html/script/jsonp/text    beforeSend:function(xhr){        console.log(xhr)        console.log('发送前')    },    success:function(data,textStatus,jqXHR){        console.log(data)        console.log(textStatus)        console.log(jqXHR)    },    error:function(xhr,textStatus){        console.log('错误')        console.log(xhr)        console.log(textStatus)    },    complete:function(){        console.log('结束')    }})

 

转载于:https://www.cnblogs.com/pengyunjing/p/6414550.html

你可能感兴趣的文章
NGUI里的sprite和label有白色的边框
查看>>
python——进程基础
查看>>
CentOs6.6安装Python3
查看>>
PHP框架自动加载类文件原理
查看>>
深度链接对社会化营销有哪些价值和作用?
查看>>
【php数组函数序列】之sort() - 对数组的元素值进行升序排序
查看>>
文件锁
查看>>
使用mybatis插入数据(insert)时返回主键的问题
查看>>
[LinqPad妙用]-在Net MVC中反射调用LinqPad中的Dump函数
查看>>
ASP.NET前台代码绑定后台变量方法总结
查看>>
iOS开发富文本
查看>>
C++中的临时对象
查看>>
01_Android应用开发环境_01_android发展史及系统架构
查看>>
WCF元数据发布的2种方式:httpGetEnabled与mex
查看>>
值类型与引用类型传递的艺术
查看>>
jmeter 通过ant集成到jenkins
查看>>
el表达式
查看>>
Oracle Enterprise Linux
查看>>
实验:图的创建
查看>>
Android 隐藏、显示软键盘方法
查看>>