WEBFORM中使用AJAX向后台传参

最新推荐文章于 2021-08-05 19:23:19 发布

Louis__lv

最新推荐文章于 2021-08-05 19:23:19 发布

阅读量1.5k

点赞数 2

分类专栏： BPM 文章标签： ajax webform ajax传参 ajax向后台传参 webform ajax传参

本文链接：https://blog.csdn.net/Louis__lv/article/details/100089879

版权

本文介绍了在WebForm中使用Ajax向后台传递参数的正确方法。经过多次尝试和错误，作者找到了一种有效的方式。在前端，Ajax请求的data参数需要注意书写格式，例如`{year1:'+year1+'}`，其中`year1`是后台方法的参数。在后台，可以接收到这些传递的参数。此方法解决了网上教程中常见的一些问题，如固定值参数、报错或未定义的情况。

摘要由CSDN通过智能技术生成

困扰了大半天，经过多次尝试，出现N多次error或undefined后，终于找到ajax传参的正确用法，当然不一定是唯一一种。

网上找的大部分传参要么都是固定值的参数，没什么意义，要么就是报error或者undefined等，下面贴出最近找到的ajax传参准确的方式：

前台代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ProjectReport1.aspx.cs" 
    Inherits="AccelinkDevice_DevelopProject_ProjectReport1"  MasterPageFile="~/DefaultMaster.master" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cphHead" runat="Server">
    <script type="text/javascript">

        function GetResult() {
            var year = document.getElementById("StartYear").value;
            var year1 = String(year);
            $.ajax({
                type: "post",//要用post方式   
                url: 'ProjectReport1.aspx/Show',//方法所在