欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js中ajax请求的两种方式介绍

程序员文章站 2022-10-25 14:22:21
get方式: var ajaxobj=new xmlhttprequest(); ajaxobj.open("get","../php/ajaxs...

get方式:

var ajaxobj=new xmlhttprequest();

ajaxobj.open("get","../php/ajaxsubmitdata.php?data=tody is wind");

ajaxobj.send()

ajaxobj.onreadystatechange= function () {

if(ajaxobj.readystate===4&&ajaxobj.status){

alert("发送成功");

}

}

post方式:

var ajaxobj=new xmlhttprequest();

ajaxobj.open("post","../php/ajaxsubmitdata.php");

ajaxobj.setrequestheader("content-type","application/x-www-form-urlencoded");

// multipart/form-data 默认的以二进制方式传送

ajaxobj.send("data=我是post数据");

ajaxobj.onreadystatechange= function ()

if(ajaxobj.readystate===4&&ajaxobj.status===200){

alert("发送数据成功");

}

}

ajax获取从服务器返回的数据是 ajaxobj.responsetext获取

ajax 给服务器发送数据: get post

get: url重写(拼接) ---- 数据量小 简单数据 不安全

post:send(数据) 请求体(页面看不到) 数据量大 简单或复杂数据 安全

application/x-www-form-urlencoded表示表单默认以字符串的形式发送

multipart/form-data 表单数据以二进制流的方式发送

ajaxobj.setrequestheader其实就是修改请求头(请求报文)里面的额content-type值