当前位置:首页 > 开发 > Web前端 > Ajax > 正文

ajax的post请求

发表于: 2015-11-13   作者:互联网   来源:转载   浏览次数:
摘要: get和post是http请求方法最主要的两种方式。 post: 来个例子test.html <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</titl

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请求

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
使用jQuery的$.post方法可以以POST形式向服务器发起AJAX请求。$.post方法是jQuery的实用工具方法。
写在前面的话 我们在使用Ajax时,当我们向服务器发送数据时,我们可以采用Get方式请求服务器,也可以使
写在前面的话 我们在使用Ajax时,当我们向服务器发送数据时,我们可以采用Get方式请求服务器,也可以使
1.判断是POST/GET请求 这个大家都知道了,就是$_SERVER['REQUEST_METHOD'] 返回用户的请求方式; i.e.
写在前面的话 我们在使用Ajax时,当我们向服务器发送数据时,我们可以采用Get方式请求服务器,也可以使
在开始讲解之前,我假设你已经对ajax的基本原理有一定的理解,如果还有哪位朋友不怎么了解的话,请
原贴地址: http://04101334.iteye.com/blog/637695 在开始讲解之前,我假设你已经对ajax的基本原理
本人最近工作不太忙抽点时间简单学一下Ajax,特此借鉴前辈经验。 文章来源:http://www.cnblogs.com
hidden frame技术有四个步骤: 1.用户通过可见的frame与页面交互,而意识不到hidden frame,当用户
本人最近工作不太忙抽点时间简单学一下Ajax,特此借鉴前辈经验。 文章来源:http://www.cnblogs.com
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号