ajax怎么输出,AJAX怎么传递输出参数?

1.AJAX概述

异步请求，局部刷新

改变了浏览器同步请求，全部刷新的特点，利用AJAX技术，实现在不影响浏览器的情况下异步发送请求，获取到数据后，局部更新浏览器页面。

AJAX并不是一项新的技术，而是对已有的技术的整合运用，包括 JavaScript、xml、html、css....

2.实现AJAX：

(1)创建XMLHttpRequest对象

function ajaxFunction(){

var xmlHttp;

try{ // Firefox, Opera 8.0+, Safari

xmlHttp=new XMLHttpRequest();

}

catch (e){

try{// Internet Explorer

xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

}

catch (e){

try{

xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

}

catch (e){}

}

return xmlHttp;

}

(2)注册监听

var data = null;

var xhr = ajaxFunction();

xhr.onreadystatechange=function(){

if(xhr.readyState==4){

if(xhr.status==200||xhr.status==304){

data = xhr.responseText;

…..

}

(3)客户端与服务器端建立连接

xhr.open("GET","http://localhost/Day07/servlet/AjaxDemo1?username=tom&age=19",true);

xhr.open("POST","http://localhost/Day07/servlet/AjaxDemo1",true);

(4)发送请求

xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//通知服务器当前发送的数据时表单数据，请将实体内容中的值当做请求参数来处

~GET请求:

xhr.send(null);

~POST请求:

xhr.send("username=tom&age=19");

**注意！！！！AJAX发送的请求参数必须手动的进行URL编码操作。

ajax怎么输出,AJAX怎么传递输出参数?相关推荐

嵌套的json ajax,通过jquery或javascript通过AJAX读取嵌套的JSON并输出到表中
我真的很想有一个快速便捷的方法来遍历JSON中的多个记录,每个记录都有潜在的深层嵌套.我只想输出到表. 我不确定$ .each()或$ .ajax()成功的javascript方法需要通过functi ...
ajax传递map参数给后端
向后端传递一个参数 /*** 前端ajax代码部分*/var map = '{"account":"' + account + '"}'; //设定一个事件触发 ...
ajax传递多参数类型,Ajax传递不同类型的参数
1.目录结构: 1.传递普通的参数 2.传递对象 3.传递List 4.传递数组 1.1 前端页面前端页面.png 1.2 HTML代码注意:需要引入layui噢 button{ margin-t ...
输出控制台传递的参数——小小实例。
今天看java经典编程300例中的第二例,发现挺有意思的一个小程序:输出控制台传递的参数 ===实现过程: (1)打开一个记事本,编写以下代码,并保存,将其命名为Test,扩展名为.java (2)打 ...
用ajax向后台传递数组参数
遇到的一个ajax参数提交问题,记录一下解决方法: 当需要传递数组参数到后台时,需要设置属性 traditional:true. 就贴张图吧,懒得码字了...... 转载于:https://www.c ...
ajax 入参为list_ajax传递给后台数组参数方式
出自:http://blog.csdn.net/lingxyd_0/article/details/10428785 在项目上用到了批量删除与批量更改状态,前台使用了EasyUI的DataGrid,用 ...
ajax 入参为list_ajax向后台传递list参数
学习记录:复习使用ajax向后台传递list参数前台 jsp页面测试 js function login222() { var list = []; for (var i = 1; i < ...
jquery 乱码传参_jquery ajax传递中文参数乱码问题及解决方法说明
jQuery传递中文参数乱码,原因是默认的传递方式没有采用UTF-8,所有我们可以在传递参数的时候对参数进行编码,然后再操作,代码如下,红色的代码为传递的参数,已标注 smsubmitclick = ...
ajax 入参为list_ajax传递参数list对象或传递数组对象到后台
springMVC通过ajax传递参数list对象或传递数组对象到后台环境: 前台传递参数到后台前台使用ajax 后台使用springMVC 传递的参数是N多个对象 JSON对象和JSON字符串 ...
ajax向后台传递list参数
版权声明:转载请注明作者及出处,否则将追究法律责任. https://blog.csdn.net/q2158798/article/details/83958433 学习记录:复习使用ajax向后台 ...

ajax怎么输出,AJAX怎么传递输出参数?

ajax怎么输出,AJAX怎么传递输出参数?相关推荐

最新文章

热门文章