jquery post方法使用

最新推荐文章于 2021-06-21 13:09:56 发布

王奕然

最新推荐文章于 2021-06-21 13:09:56 发布

阅读量1.3k

点赞数

分类专栏： ajax

ajax 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

使用jquery实现网站的异步交互时，常用的两个函数为get和post方法，get方法使用很简单，直接提交get请求即可，如果有参数，直接追加到url后面就行，但是使用post方法时，传递参数，需要和url分开写，使得传参变得麻烦了，不过这样做起来更安全一些，而且出现中文乱码的概率也要低一些（get方法传中文很多情况下会出现乱码现象），这里就详细介绍一下post是怎样传递参数的

首先写一个html代码如下

<html>

<head>

<title>jquery post方法测试</title>

function testPost(){

var name=$("#name");

var pass=$("#pass");

$.post("servlet/login",{name:name,pass:pass},postcb);

}

function postcb(date){

alert(date);

}

</script>

</head>

<body>

</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

王奕然

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery post方法使用

使用jquery实现网站的异步交互时，常用的两个函数为get和post方法，get方法使用很简单，直接提交get请求即可，如果有参数，直接追加到url后面就行，但是使用post方法时，传递参数，需要和url分开写，使得传参变得麻烦了，不过这样做起来更安全一些，而且出现中文乱码的概率也要低一些（get方法传中文很多情况下会出现乱码现象），这里就详细介绍一下post是怎样传递参数的首先写一个h
复制链接

扫一扫

专栏目录