【ajax】从前端(html)向后端(ashx)传输数据

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/cxh6863/article/details/82960490

整体思路:

想要从前端传输数据到后端,大体分三步:首先要从前端获取值,然后用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就可。

猜你喜欢

转载自blog.csdn.net/cxh6863/article/details/82960490