如何 从 gidview 获取 数据 到 jquery

6yoyoihd  于 2022-11-22  发布在  jQuery
关注(0)|答案(2)|浏览(147)

我有gridview显示数据库中的数据,例如

ProductID   ProductName      Price
----------------------------------
A00001      Apple            10.00      ADDTOCART
  • ADDTOCART* 是一个按钮。
GridViewRow gr = ((sender as LinkButton).NamingContainer as GridViewRow);

string itemId = gr.Cells[0].Text.Trim();

这些是我用于代码隐藏的代码,用于在单击 ADDTOCART 时获取 ProductID
需要代码的帮助,使我在Jquery中声明的变量获得 ProductID,就像我单击 ADDTOCART 按钮时代码隐藏所做的那样。

function ShowCurrentTime() {
        
        var name = "The name";//$("#<%=txtUserName.ClientID%>")[0].value; //get the data.
        var id = "The id";//$("#<%=TextBox1.ClientID%>")[0].value; //get the data.
        $.ajax({
            type: "POST",
            url: "WebForm1.aspx/GetCurrentTime", //the url and method name of the webmethod
            data: "{ name: '" + name + "', id: '" + id + "' }", //pass in 2 data.
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: OnSuccess,
        failure: function (response) { //fixed
            alert(response.d);
        }
        });
    }
    function OnSuccess(response) { //fetching object come out, object inside got name and id, need to specific which data you want by obj.id/obj.name
        var obj = response.d;  //fetching the webmethod
        alert(obj.id + "" + obj.name) //display the return
        $('#trycart').append("<li>" + obj.id + "</li>");
        $('#cart').append("<tr><td>" + obj.id + "</td><td>" + obj.name +"</td></tr>"); //access the table id=cart, add in the data comeback from webmethod.
    }

我需要帮助,以便在单击ADDTOCART时获得var name和var id,从而获得产品名称和id。

ig9co6j1

ig9co6j11#

可以通过查看Dom来操作元素名称和选择器。
在单击的按钮中,将此作为参数传递

function ShowCurrentTime(element)
{

var name = $(element).closest("tr").find("input[id*='txtUserName']").val();
    var id = $(element).closest("tr").find("input[id*='TextBox1']").val();
    $.ajax({
        type: "POST",
        url: "WebForm1.aspx/GetCurrentTime", //the url and method name of the webmethod
        data: "{ name: '" + name + "', id: '" + id + "' }", //pass in 2 data.
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: OnSuccess,
    failure: function (response) { //fixed
        alert(response.d);
    }
    });
}
5q4ezhmt

5q4ezhmt2#

我猜你的数据库数据是在你的C#应用程序中,它在你的服务器端。上面的代码是jquery/javascript,它在你的客户端。
了解服务器端和客户端的区别是非常重要的。基本上说,你在浏览器的“查看源代码”中看到的一切都是客户端,否则就是服务器端。
所以回到你的问题,你可以在你的C#应用程序中用数据库中的数据构建HTML,或者构建JSON数据对象,然后在JQuery中使用它。
希望能帮上忙

相关问题