Asp.Net中使用Ajax Jquery编辑记录时出现问题？

我正在使用Jquery Ajax并执行crud操作

我想更新一条记录，当我单击“更新”按钮，然后填写表格数据的名称和地址，然后更改名称或地址，然后再次按“编辑”按钮，我的“编辑”按钮不应工作

getlistdata函数显示员工列表

如何编辑记录

如何解决这个问题

雇员

<input type="button" id="btnsubmit" value="Submit" onclick="insertrecord()" />

<asp:HiddenField ID="HiddenField1" runat="server" Value="" />

更新存储过程

更新按更新按钮时填写表格记录名称和地址

ALTER PROCEDURE [dbo].[update]
    @EmpId int,
    @EmpName varchar(40),
    @EmpAddress varchar(30)
AS
BEGIN
    update tblEmployee set EmpName=@EmpName,EmpAddress=@EmpAddress where EmpId=@EmpId
END

编辑可填充记录更新表示名称和地址更改，然后再次按更新按钮

ALTER PROCEDURE [dbo].[edit]
    @EmpId int,
    @EmpName varchar(30),
    @EmpAddress varchar(20)
AS
BEGIN
    select * from tblEmployee where EmpId=EmpId or EmpName=EmpName or EmpAddress=EmpAddress; 
END

请参阅浏览器日志：

我做错了该怎么办？

你会改变它的

---

函数EditDataempid、empname、empage{

使用与webmethod相同的属性 前

公共静态void updateint id、字符串名称、整数年龄、字符串地址

您的数据应该是

id:“+empid+”，名称：“+empname+”，地址：“+EMPADRESS+”，年龄：“+empage

更改getlistdata

            function getlistdata() {
                $.ajax({
                    url: 'Emploee.aspx/GetEmpData',
                    type: 'get',
                    contentType: 'application/json;charset=utf-8',
                    dataType: 'json',
                    success: function (data) {
            data = JSON.parse(data.d);
                      $.each(data, function (index, element) {
            debugger
            $("#tbl").append('<td>' + element.EmpName  + '</td>');
            $("#tbl").append('<td>' + element.EmpAddress + '</td>');
            $("#tbl").append('<td><input type="button" id="btnedit" value="Edit" onclick="EditData(' + element.EmpId + ', \'' + element.EmpName + '\' ,\'' + element.EmpAddress + '\')" /></td>');
                        });


                    },
                    Error: function () {
                        alert("get error");
                    }
                });
            }

其他部分

function saverecord() {
EmpId = $("#HiddenField1").val();

else{

                    $.ajax({

                        url: 'WebForm1.aspx/updates',
                        type: 'post',
                        contentType: 'application/json;charset=utf-8',
                        datatype: 'json',
                        aync: true,
                        data: "{EmpId: '" + EmpId + "',EmpName:'" + $("#txtName").val() + "',EmpAddress:'" + $("#txtAddress").val() + "'}",
                        success: function (data) {

                            window.location.reload();

                        },
                        error: function () {
                            alert('Update Error');
                        },
                    });
                }

---

当我传递此参数``数据：{empid:'+empid+'，empname:'+empname+'，empaddress:'+empaddress+'，empage:'+empage+'）时，Enis无法读取null的属性“0”```Enis可以提供更多帮助，我在单击“更新”按钮时对代码进行了一些更改，然后填写表格数据并更改姓名或地址，然后再次按“编辑”按钮我的编辑按钮不应工作？？如果EmpId！=null{$btnsubmit.valuUpdate；}我写这个函数是因为其他部分工作，但表单更改数据不应该工作？？

ALTER PROCEDURE [dbo].[edit]
    @EmpId int,
    @EmpName varchar(30),
    @EmpAddress varchar(20)
AS
BEGIN
    select * from tblEmployee where EmpId=EmpId or EmpName=EmpName or EmpAddress=EmpAddress; 
END

            function getlistdata() {
                $.ajax({
                    url: 'Emploee.aspx/GetEmpData',
                    type: 'get',
                    contentType: 'application/json;charset=utf-8',
                    dataType: 'json',
                    success: function (data) {
            data = JSON.parse(data.d);
                      $.each(data, function (index, element) {
            debugger
            $("#tbl").append('<td>' + element.EmpName  + '</td>');
            $("#tbl").append('<td>' + element.EmpAddress + '</td>');
            $("#tbl").append('<td><input type="button" id="btnedit" value="Edit" onclick="EditData(' + element.EmpId + ', \'' + element.EmpName + '\' ,\'' + element.EmpAddress + '\')" /></td>');
                        });


                    },
                    Error: function () {
                        alert("get error");
                    }
                });
            }

            function EditData(EmpId, EmpName, EmpAddress) {
                $.ajax({

                    url: 'Emploee.aspx/updates',
                    type: 'post',
                    contentType: 'application/json;charset=utf-8',
                    datatype: 'json',
                    data: "{EmpId: '" + EmpId + "',EmpName:'" + $("#txtName").val() + "',EmpAddress:'" + $("#txtAddress").val() + "'}",
                    success: function (data) {

                        data = JSON.parse(data.d);

                        $("#txtName").val(EmpName);
                        $("#txtAddress").val(EmpAddress);
                          $("#HiddenField1").val(EmpId);

                        if (EmpId != null) {
                            $("#btnsubmit").val("Update");
                        }
                    },
                    error: function () {
                        alert('Update Error');
                    },

                });
            }

function saverecord() {
EmpId = $("#HiddenField1").val();

else{

                    $.ajax({

                        url: 'WebForm1.aspx/updates',
                        type: 'post',
                        contentType: 'application/json;charset=utf-8',
                        datatype: 'json',
                        aync: true,
                        data: "{EmpId: '" + EmpId + "',EmpName:'" + $("#txtName").val() + "',EmpAddress:'" + $("#txtAddress").val() + "'}",
                        success: function (data) {

                            window.location.reload();

                        },
                        error: function () {
                            alert('Update Error');
                        },
                    });
                }