AJAX的几种数据传输


AJAX数据传输:(采用jQuery写的,要导入jQuery库类)

第一种传送方式:load(url,[data],[callback]);

url:提交给的页面。

data:提交给服务器的数据,采用json方式传送。如果没有数据传输,默认GET方式,有数据则为POST方式。

callback:是一个函数--->function(data,status,xhr){

data:是服务器传送到客户端的数据

status:传送的状态 success,error等。

xhr:是一个xml对象。

}

写一个简单的html文件如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>load方式</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <script language="JavaScript" src="../js/jquery-1.4.2.js">
        </script>
</head>
    <body>
        <form action="1.jsp" name="form1" id="form1">
            <input type="text" name="username" id="username" >
            <br>
            <input type="text" name="psw" id="psw" >
            <br>
            <input type="button" id="b1" value="登陆">
        </form>
        <div id="one">
        </div>
		<h1></h1>
    </body>
    <script language="JavaScript">
         $().ready(function(){
			$("#b1").click(function(){
				$("#one").load("1.jsp",{username:'hhtc',psw:'123'},function(data,xhr){
					$("#one").text(data);
				});
				
			});
		 });
		 
    </script>
</html>

这里服务器我用.jsp代替

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
   System.out.println(request.getMethod());
   System.out.println(request.getParameter("username"));
  out.write("成功");
%>


第二种传输方式:get跟load非常类似。
调用方式是$.get("要转向的.jsp或者servlet",json格式的数据,xhr){

这里的参数跟load一样。

});

只要改一下<script type="text/javascript"></script>里面的代码

$.get("1.jsp",{username:'haha',password:'123'},xhr){
					    $("#one").text(data);
				});

第三种传输方式:post方式跟前面2中类似。

调用方式$.post

("要转向的.jsp或者servlet",json格式的数据,xhr){

这里的参数跟load,get一样。

});

注意的是:json格式的数据或者用$("#form1").serialize(),用$("#form1")..serialize(),适应于一个表单,有很多数据要提交时,采用这种方式非常好。

相关文章

$.AJAX()方法中的PROCESSDATA参数 在使用jQuery的$.ajax()方...
form表单提交的几种方式 表单提交方式一:直接利用form表单提...
文章浏览阅读1.3k次。AJAX的无刷新机制使得在注册系统中对于...
文章浏览阅读1.2k次。 本文将解释如何使用AJAX和JSON分析器在...
文章浏览阅读2.2k次。/************************** 创建XML...
文章浏览阅读3.7k次。在ajax应用中,通常一个页面要同时发送...