js+ajax实现网页,服务端传送数据

版权声明:本文为 清风丿自来 原创文章,未经允许不得转载。 https://blog.csdn.net/qq_39098813/article/details/80695421

首先AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。

AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行

主要是利用XMLHttpRequest对象

XMLHttpRequest 对象 (异步的与服务器交换数据)
首先创建XMLHttpRequest 的对象

JavaScript代码

var xmlhttp;
if (window.XMLHttpRequest)
{
    //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
}
else
{
    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

利用xmlhttp.open(method,URL,async);发送请求

第一参数为传递的方法可以使post 或者get ,
第二个参数是url的地址,可以是servlet、jsp、或者txt等
第三个参数是布尔变量,表示是否是异步 true(异步)或 false(同步)

利用get方法发送请求

xmlhttp.open("GET","../my.jsp",true);
xmlhttp.send();
使用get时send中不能有String

利用post发送请求

利用post时需要加上request 的header

xmlhttp.open("POST","../my.jsp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send(String);//String只能用于post

当选择的是true异步的时候需要定义响应事onreadystatechange

然后得获取服务器的响应并进行操作

xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState===4 && xmlhttp.status===200)
        {
           //此处为你想执行的操作
        }
    };
阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页