控制器接收数据

控制器接收数据方法

开发工具与关键技术：  Visual Studio 

撰写时间：5月18号

作者：  曾子千

控制器接收数据方法法

EormCollection  Form[“textName”]（找到Form
中列名是textName的元素）;方法获取的是文本值

注：获取页面数据写法

document.getElementById(“btnPost”).addEventListener(“click”,
function () {

var xhr;  声明一个对象

if (window.XMLHttpRequest) {

xhr = new XMLHttpRequest();

【然后判断浏览器版本如果是code for IE7+, Firefox, Chrome, Opera,Safari就xhr = new
XMLHttpRequest();

这样创建 XMLHttpRequest 对象，不然就是code for IE6, IE5

xhr.open(“POST”,"/jQueryAjax/postPersonInfor");】

} else {

xhr = new ActiveXObject(“Microsoft.XMLHTTP”);

}

注：创建
XMLHttpRequest 对象

xhr.open(“POST”, “/jQueryAjax/postPersonInfor”);【路径】

请求
postPersonInforRequest

var data = “name=” +
document.getElementById(“txtName”).value

【name 键用=号隔开txtName .value的值】

• “&sex=” +
  document.getElementById(“cboSex”).value + “&address=” +
  document.getElementById(“txtAddress”).value(所选目标中的 value值);

xhr.setRequestHeader(“Content-type”,
“application/x-www-form-urlencoded”);

【注：这是申明一种编码格式 类似于·····UTF- 8】

xhr.send【请求发送前显示信息。】(data);

xhr.onreadystatechange【发送请求】 = function () {

if (xhr.readyState == 4
&& xhr.status == 200)

【注：由服务器返回的 HTTP 状态代码，如 200 表示成功，而 404 表示
“Not Found” 错误。当readyState小于 3 的时候读取这一属性会导致一个异常】 {

var txt = xhr.responseText【注：获得字符串形式的响应数据】

document.write(txt);

注：把判断是否链接成功，后面开始写 链接成功后的需要加载的代码，记得补全括号

readyState 的五种状态

1

Uninitialized

初始化状态。XMLHttpRequest
对象已创建或已被 abort() 方法重置。

2

Open

open() 方法已调用，但是 send() 方法未调用。请求还没有被发送。

3

Sent

Send() 方法已调用，HTTP 请求已发送到 Web 服务器。未接收到响应

4

Receiving

所有响应头部都已经接收到。响应体开始接收但未完成

5

Loaded

HTTP 响应已经完全接收

readyState (HTTP
请求的状态.当一个 XMLHttpRequest 初次创建时，这个属性的值从 0 开始，直到接收到完整的 HTTP 响应，这个值增加到 4=4时说明 请求准备完成)