使用jquery实现网站的异步交互时,常用的两个函数为get和post方法,get方法使用很简单,直接提交get请求即可,如果有参数,直接追加到url后面就行,但是使用post方法时,传递参数,需要和url分开写,使得传参变得麻烦了,不过这样做起来更安全一些,而且出现中文乱码的概率也要低一些(get方法传中文很多情况下会出现乱码现象),这里就详细介绍一下post是怎样传递参数的
首先写一个html代码如下
<html>
<head>
<title>jquery post方法测试</title>
<script language="javascript" src="js/jquery.js"></script>
<script type="text/javascript">
function testPost(){
var name=$("#name");
var pass=$("#pass");
$.post("servlet/login",{name:name,pass:pass},postcb);
}
function postcb(date){
alert(date);
}
</script>
</head>
<body>
<input name="name" id="name"/>
<input name="pass" id="pass"/>
<input type="button" value="测试" οnclick="testPost();"/>
</body>
</html>
服务器端servlet中post方法代码如下(servlet类名为login,配置其访问路径为servlet/login)
response.setContentType("text/html");
PrintWriter out = response.getWriter();
request.setCharacterEncoding("gb18030");
String name= request.getParameter("name");
String pass= request.getParameter("pass");
out.print("name:"+name+"pass:"+pass);
out.flush();
out.close();
在客户端运行以上的html代码后,点击“测试”按钮,就会弹出 name:输入的用户名pass:输入的密码 对话框,通过分析html代码可以知道,post方法传递参数使用的是数据json格式。
转自:http://blog.sina.com.cn/s/blog_7b62c61c0100t2x3.html
jQuery.post( url, [data], [callback], [type] ) :
使用POST方式来进行异步请求
参数:
url (String) : 发送请求的URL地址.
data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。
callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。
type (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)
转自:http://phpbob.blog.51cto.com/636017/301179
什么是ajax异步请求
Web 应用程序都使用请求/响应模型从服务器上获得完整的 HTML 页面。常常是点击一个按钮,等待服务器响应,再点击另一个按钮,然后再等待,这样一个反复的过程。有了 Ajax 和 XMLHttpRequest 对象,就可以使用不必让用户等待服务器响应的请求/响应模型了,针对局部请求做出响应。
转自:http://zhidao.baidu.com/question/419015296.html