无法使用asp.net c中的ajax jquery获取数据表单函数＃

Question

i am trying use $.ajax() method in asp.net to fill a html tag but i didn't get any data from on success parameter i am calling getData function from c# code and I tried to return a string but it doesn't work i also tried to user Response.write() but the same issue when I alert returned value it show me the aspx page code as following image 我正在尝试在asp.net中使用$ .ajax（）方法填充html标签，但我没有从成功参数获取任何数据我从c＃代码调用getData函数，我试图返回一个字符串，但它没有'工作我也尝试用户Response.write（），但同样的问题，当我提醒返回值它显示我的aspx页面代码如下图

here is my code Default.apsx 这是我的代码Default.apsx

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>

        $(document).ready(function () {



            $("#firstDrop").on("change", function () {
                $.ajax({
                    url: "Default.aspx/getData",
                    type: "POST",
                    data: { id: $("#firstDrop").val() },
                    success: function (data) {
                        alert(data);
                        $("#secondDrop").html(data);
                    }
                });
            });

        });


    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>

    <select runat="server" id="firstDrop">

        <option value="0">first select</option><option value="1">second select</option><option value="3">third select</option>

    </select>
        <select id="secondDrop"></select>
    </div>
    </form>
</body>
</html>

Default.aspx.cs Default.aspx.cs

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

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }


    public  string getData()
    {
        return"<option>ABC</option><option>CDE</option>";
    }
}

Answer 1

Basic rule when creating a webmethod in asp.net. 在asp.net中创建web方法时的基本规则。

Your method should be static. 你的方法应该是静态的。
You need to decorate your function with System.Web.Services.WebMethod . 您需要使用System.Web.Services.WebMethod来装饰您的函数。

C# Code Behind C＃代码背后

[System.Web.Services.WebMethod]
public static string GetCurrentTime(string name)
{
    return "Hello " + name + Environment.NewLine + "The Current Time is: "
        + DateTime.Now.ToString();
}

Javascript (Aspx) Javascript（Aspx）

Here, in your case make your getdata function static and webmethod as well. 在这种情况下，在你的情况下，你的getdata函数也是静态的，webmethod也是如此。 When calling the webmethod through ajax use data.d to read the response. 通过ajax调用webmethod时，使用data.d来读取响应。

[System.Web.Services.WebMethod]
public static string getData(int id)
{
    return "<option>ABC</option><option>CDE</option>";
}

$("#firstDrop").on("change", function() {
    $.ajax({
        url: "Default.aspx/getData",
        type: "POST",
        dataType: "json",
        data: {
            id: $("#firstDrop").val()
        },
        success: function(data) {
            alert(data.d);
            $("#secondDrop").html(data.d);
        }
    });
});

Reference Site: 参考站点：

https://www.aspsnippets.com/Articles/Calling-ASPNet-WebMethod-using-jQuery-AJAX.aspx https://www.aspsnippets.com/Articles/Calling-ASPNet-WebMethod-using-jQuery-AJAX.aspx

Similar thread "Calling webmethod in webform" 类似的主题“在webform中调用webmethod”

calling-a-webmethod-with-jquery-in-asp-net-webforms 调用-A-的webmethod与- jQuery的在-ASP净web表单

无法使用asp.net c中的ajax jquery获取数据表单函数＃

问题描述

1 个解决方案

解决方案1
3 已采纳 2018-08-17 09:24:20

无法使用asp.net c中的ajax jquery获取数据表单函数＃

问题描述

1 个解决方案

解决方案1 3 已采纳 2018-08-17 09:24:20

解决方案1
3 已采纳 2018-08-17 09:24:20