【ajax】从前端（html）向后端（ashx）传输数据

整体思路：

想要从前端传输数据到后端，大体分三步：首先要从前端获取值，然后用ajax的方式传输到后端，接着在后端接收数据

我这里实现的是从html页传数据到ashx中使用

详细实现：

1、从前端获取值

（1）先为自己想要获取值的那个控件起一个名id

<div>
	<input id="shuru" type="text"  />
 </div>

（2）然后使用js方式获取id为“shuru”的控件

document.getElementById("shuru");

（3）再获取控件中的值，并将其放在一个变量中

(放在一个变量中，是方便后边data后对应的数据，当然也可以不放在变量中，直接对应到data中：data: { $("#shuru").val()},效果是一样的)

var shuru=$("#shuru").val();

2、用ajax的方式传入后端

$.ajax({
         type: "post",
         url: "Handler1.ashx",
         data: { shuru},
         success: function (data) {
         document.getElementById("content").innerHTML = data;
         }
});

3、在后端获取所传过来的数据

public string shuru;
shuru=context.Request["shuru"].ToString(); 

这样就可以使用前端所传过来的数据了。

跳转页面使用：

context.Response.Write(###);

context.Response.End();

总结

其实从前端传到后端的方法有很多种，除了这种ajax方式传数据的，还有表单form也是可以传数据的。使用哪种方式，需要看自己的需要。form这种形式，它里边会有个action，这样就会定向到某一个页面，不能多次转换页面了，而ajax就不会是定向到一个网页，它只是把数据传过去了，你在后端可以根据判断条件转向多个页面，使用write就可。