Ajax POST请求

原创 2017年01月03日 14:22:19

POST请求主要用于提交信息,请求的数据会放在HTTP请求包的包体中。因此POST请求的安全性比GET请求要更高,这里的安全性是指不易被别人截取信息,当然,从另一方面来看,POST请求是可以修改服务器资源的,若是在请求中嵌入脚本,也是存在网站被破解的风险,这个又是服务器接收端对请求数据做处理时该考虑的问题了。下面写个简单的POST请求的代码案例:

<html>
<head>
<script type="text/javascript">
function load()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {               //判断是否支持XMLHttpRequest
  xmlhttp=new XMLHttpRequest();
  }
else
  {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)  //请求成功
    {
    document.getElementById("post_txt").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("POST","post.txt",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-post");
xmlhttp.send("user=simple&sex=men");
}
</script>
</head>
<body>

<h2>AJAX POST</h2>
<button type="button" onclick="load()">请求数据</button>
<div id="post_txt"></div>

</body>
</html>

这里的open方法跟上一篇GET请求是一样的,open() 方法的 url 参数是服务器上文件的地址:该文件可以是任何类型的文件,比如 .txt 和 .xml,或者服务器脚本文件,比如 .asp 和 .php (在传回响应之前,能够在服务器上执行任务)。
如果需要像 HTML 表单那样 POST 数据,请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据:
向请求添加 HTTP 头的格式说明如下:
setRequestHeader(header,value)
header: 规定头的名称
value: 规定头的值

版权声明:本文为博主原创文章,未经博主允许不得转载。

Ajax的小封装 get,post请求

  • 2013年06月05日 16:24
  • 824B
  • 下载

POST方式发送ajax请求

  • 2015年07月14日 14:04
  • 2KB
  • 下载

AJAX编程(异步/XMLHttpRequest/API详解/GET和POST请求的差异/创建浏览器内建对象的兼容写法)

AJAX 1. 异步 2. XMLHttpRequest (1)请求 (2)响应 (3)API 详解 从发起请求到响应成功的完整写法示例 GET和POST请求方式的差异 3. 兼容性...

Ajax的Post请求

  • 2017年12月12日 16:02
  • 1KB
  • 下载

Ajax学习——jQuery下的post和get请求

“要点” jQuery下的post,get请求 常用的jQuery的AJAX方法

SpringMVC Controller接收前台ajax的GET或POST请求返回各种参数

这几天写新项目遇到这个问题,看这位博主总结得不错,懒得写了,直接转!原文:http://blog.csdn.net/yixiaoping/article/details/45281721原文有些小错误...

Ajax提交post请求

前言:博主之前有篇文章是快速入门Ajax,主要是利用Ajax做简单的get请求,今天给大家分享一篇利用Ajax提交post请求,以及使用post时需要注意的地方,还是以案例的方式告诉大家。案例: 注...

表单和ajax中的post请求&&后台获取数据方法(深度好文)

最近要做后台数据接收,因为前台传来的数据太过于混乱,所以总结了一下前台数据post请求方法,顺便写了下相对应的后台接收方法。 前台主要的contenttype为下面三种: multipart/f...

$.ajax()post方式请求参数无法传递,request.getParameter()无法获取

$.ajax()post方式请求参数无法传递,request.getParameter()无法获取  在前台页面中 $.ajax({                     url : "${c...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax POST请求
举报原因:
原因补充:

(最多只允许输入30个字)