也是调用后台的ajax方法 alert显示

最新推荐文章于 2021-08-06 09:09:28 发布

_速冻

最新推荐文章于 2021-08-06 09:09:28 发布

阅读量311

点赞数

本文链接：https://blog.csdn.net/qq_38992403/article/details/104008632

版权

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxHoutaiButton.aspx.cs" Inherits="Test_AjaxHoutaiButton" %>

<!DOCTYPE html>
       <script type="text/javascript" src="../../Scripts/jquery-3.4.1.js"></script>
 <script type="text/javascript" src="../Scripts/jquery-3.4.1.js"></script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>

</head>
<body>
    <input id="Text1" type="text" value='张三'/>
<input id="Button1" type="button" value="提交" /> 

  <script type ="text/javascript">
        



      $( "#Button1" ).bind( "click", function ()
      {
          $.ajax( {
              type: "post",
              url: "Default.aspx",
              data: "name=" + $( "#Text1" ).val(),
              success: function ( result )
              {
                  alert( result.ms );
              }
          } );
      } );

  </script>


  
  
</body>
</html>

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

public partial class Test_Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (Request["name"] != null)
        {

            Response.ContentType = "text/json";
            Response.Write("{\"ms\":\"" + Request["name"] +"wgnmd"+ "\"}");//将数据拼凑为Json
            Response.End();



        }
    }
}