原生js实现ajax 发送post请求
2017-09-14 00:00
881 查看
var postData = { "name1": "value1", "name2": "value2"};
postData = (function(obj){
// 转成post需要的字符串.
var str = "";
for(var prop in obj){
str += prop + "=" + obj[prop] + "&"
} return str;})(postData);
var xhr = new XMLHttpRequest();
xhr.open("POST", "../module", true);
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xhr.onreadystatechange = function(){ var XMLHttpReq = xhr; if (XMLHttpReq.readyState == 4) { if (XMLHttpReq.status == 200) { var text = XMLHttpReq.responseText; console.log(text); } }};
xhr.send(postData);
postData = (function(obj){
// 转成post需要的字符串.
var str = "";
for(var prop in obj){
str += prop + "=" + obj[prop] + "&"
} return str;})(postData);
var xhr = new XMLHttpRequest();
xhr.open("POST", "../module", true);
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xhr.onreadystatechange = function(){ var XMLHttpReq = xhr; if (XMLHttpReq.readyState == 4) { if (XMLHttpReq.status == 200) { var text = XMLHttpReq.responseText; console.log(text); } }};
xhr.send(postData);
相关文章推荐
- 原生JS实现Ajax的GET POST请求
- JS基础【原生JS实现的AJAX发送GET、POST】
- 多种方式实现(jdk原生api实现/httpClient的实现) java 发送http(post/get)请求并携带参数(讲解超详细)
- 使用原生JS发送ajax异步请求
- 使用原生ajax发送post请求完整案例
- 原生js封装ajax,实现跨域请求
- node.js系列(实例):原生node.js实现接收前台post请求提交数据
- 原生 JS Ajax,GET和POST 请求实例代码
- 原生JS实现Ajax跨域请求flask响应内容
- 原生JS实现Ajax通过POST方式与PHP进行交互的方法示例
- 原生js实现Ajax请求
- Js/Ajax中发送HttpPost请求调用WebService
- 使用原生的Aajax发送Post请求
- 原生JS发送ajax请求
- Ajax详解及其案例分析之如何获得Ajax对象,使用Ajax对象发送GET和POST请求,校验用户名,POST和GET请求时的乱码处理,实现级联的下拉列表
- 原生 JS Ajax,GET和POST 请求实例代码
- js原生ajax请求get post笔记
- 原生JS实现Ajax跨域请求flask响应内容
- js原生ajax请求get post笔记
- JS实现使用POST方式发送请求