码迷,mamicode.com
首页 > Web开发 > 详细

ajax的post请求

时间:2015-05-18 16:19:22      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:

get和post是http请求方法最主要的两种方式。

post:

来个例子test.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<input type="password" id="password">
<input type="button" value="submit" id="submit">
<div id="txt"></div>
<script>
//监听对象
document.getElementById(submit).onclick = function(){
  var password = document.getElementById(password).value;
  var url = "index.php?password=" + password;
  post(url,function(data){
    document.getElementById(txt).innerHTML = data;
  })
}
//简单的post封装
function post(url,callback,async){
  var xhr = new XMLHttpRequest();
  async = async ? async :true;
  xhr.onreadystatechange = function(){
    if(xhr.readyState == 4){
      callback(xhr.responseText);
    }
  }
  xhr.open("post",param(url)[0],async);
  xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
  xhr.send(param(url)[1]);
}
function param(url){
  var arr = url.split("?");
  return arr;
}
</script>
</body>
</html>

index.php

<?php
  echo "your password is ".$_POST[‘password‘];
?>

说明一下:post所请求的页面是无法使用缓存,跟get一样的是,post这中请求方式一般也是采用异步。但是还有一个问题没有搞明白,post传递的url中的字符串参数是否需要编码?

ajax的post请求

标签:

原文地址:http://www.cnblogs.com/wang-jiang/p/4512058.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!