Asp.net常见提交方式_aspx提交数据-优快云博客

本文介绍了两种常见的网页数据提交方式：表单提交与Ajax提交。表单提交通过HTML表单元素实现，而Ajax提交则利用JavaScript进行异步数据交换。文章详细展示了这两种方式的具体实现方法，并提供了前后端交互实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

提交不过两大类，表达提交与ajax提交

一:表单提交

html

[html]view plaincopy
<form action="TestWebspx.aspx"  method="post">  
        <input  type="text" name="username"/>  
        <input  type="submit" value="submit"/>  
    </form>  

后台获取提交的数据并返回前台

[csharp]view plaincopy
public partial class TestWebspx : System.Web.UI.Page  
    {  
        protected void Page_Load(object sender, EventArgs e)  
        {  
            string username = Request["username"];  
            Response.Write("your input:" + username);  
        }  
    }  

二:Ajax处理

方法一：

前端

[javascript]view plaincopy
var kmtcb = {}  
  
       kmtcb.search = function ()  
       {  
           var qyport = $("#qyport").val();  
           var carrier = $("#carrier").val();  
           var number = $("#number").val();  
  
  
           $.ajax({  
               url: "get_b.aspx?act=Search",  
               type: "post",  
               data: { qyport: qyport, carrier: carrier,number:number},  
               success: function (result) {  
                   var dataObj = eval("(" + result + ")");//转化成json对象  
                   alert(dataObj.Carrier);  
                   alert(dataObj.Qyport);  
                   alert(dataObj.Number);  
               },  
               error: function (result)  
               {  
                   console.log(result);  
                   alert(result);  
               }  
           })  
       }  

后端

[csharp]view plaincopy
public void Search()   
    {  
          
  
        string qyport = Request["qyport"];  
        string carrier = Request["carrier"];  
        string number = Request["number"];  
  
        T t = new T();  
        t.Carrier = "1234";  
        t.Qyport = "aaaa";  
        t.Number = "yunjia001";  
        string jsonstr = JsonConvert.SerializeObject(t);  
  
        Response.Clear();  
        Response.Write(jsonstr);  
        Response.End();  
    }  

方法二：

[javascript]view plaincopy
$(function () {  
  
           $.ajax({  
               type: "post",  
               url: "TestWebspx.aspx/TestJson",  
               contentType: "application/json;charset=utf-8",  
               data: "{'msg':'hello'}",// data: { key: '123', type: 'S' }  
               dataType: "json",  
               success: function (result)  
               {  
                   var dataObj = eval("(" + result.d + ")");  
                   alert(dataObj.msg);  
               }  
           });  
       })  

这里是因为微软框架默认返回一个 { "d": "后台返回的数据" } 的数据

所以取我们自己返回的json对象时需要用result.d而且需要eval传化成json对象,或者使用jquery的 $.parseJSON("str");

后台

[csharp]view plaincopy
[WebMethod]  
        public static string TestJson(string msg)   
        {  
            return "{msg:123}";  
        }  

后台方法一定要是静态的且必须加上[WebMethod]特性否者抛出异常

此时post请求没有问题，但如果需要修改成get方式就会出现

只需要加后台方法上加上[ScriptMethod(UseHttpGet = true)]特性

[csharp]view plaincopy
[WebMethod]  
       [ScriptMethod(UseHttpGet = true)]  
       public static string TestJson(string msg)   
       {  
           return "{msg:123}";  
       }  