网站建设资讯

NEWS

网站建设资讯

如何在js中写ajax

如何在js中写ajax?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

创新互联网站建设提供从项目策划、软件开发,软件安全维护、网站优化(SEO)、网站分析、效果评估等整套的建站服务,主营业务为成都网站建设、网站设计,重庆APP开发以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。创新互联深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

在JavaScript中使用ajax有两个作用:

1.让js去读服务器上面的数据.

2.无刷新的情况下读取服务器上面的数据,例如:验证账号和密码是否正确等.

如何在js中写ajax

对于网络请求我们知道有Get 和Post两种,它们之间的区别是什么呢?

get方式:常见的表单提交方式:将值在url后面提交;?名字=值&名字=值格.

提交表单例子:

姓名:
密码:

区别:

1.get方式是通过网址进行传递数据的,post是通过http中Content进行传递的.

2.get容量小,不适合传递大数据,(一般4k-10k),post方式容量相对大很多,一般服务器可以达到2G容量.

3.对于太大的文件,就不会走post,走控件.

4.get方式安全性差,post相对来说会好一点,一帮安全只能走https.

5.get方式是有缓存的,post没有缓存. get更适合向服务器获取数据,post更适合向服务器传递数据,

在JS中AJAX的两种写法:

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值

关于如何在js中写ajax问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。


分享名称:如何在js中写ajax
分享链接:http://cdweb.net/article/jjppso.html