ajax xmlhttprequest使用post传参数并向后台获取数据

最新推荐文章于 2023-03-22 18:23:25 发布

放羊的星星_morelife

最新推荐文章于 2023-03-22 18:23:25 发布

阅读量2.2w

点赞数 4

分类专栏： JavaScript 文章标签： ajax xmlhttprequest

本文链接：https://blog.csdn.net/u013430672/article/details/31831287

版权

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

ajax xmlhttprequest向后台传数据有两种方式，一种是直接在地址URL后面加入参数，后台用Request.QueryString来获取，另外一种是采用POST来传，send方法发送参数对，比如send("a=3&b=4"),后台用Request.Form[“a”]来获取3，同理Request.Form["b"]获取4

前台代码：

<%@ Page Title="主页" Language="C#" AutoEventWireup="true"
CodeBehind="Default.aspx.cs" Inherits="ajax测试二._Default" %>

<html>
<head>
<script type="text/javascript">
    function getHttpObj() {
        var httpobj = null;
        try {
            httpobj = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
            try {
                httpobj = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e1) {
                httpobj = new XMLHttpRequest();
            }
        }
        return httpobj;
    }

</body>
</html>

后台代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace ajax测试二
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (Request.QueryString["id"] != null)
            {
                string id = Request.QueryString["id"];
                Response.Write("id："+Request.QueryString["id"]+"，a:"+Request.Form["a"]+",b:"+Request.Form["b"]);
                Response.End();
            }
        }
    }
}