0

我在 ASP.NET 中遇到了 javascript 的问题。
我修改了一个列表框，使用 javascript 添加和删除命令。
现在我必须在后面的代码中使用列表的数据。如何将这些数据传递给服务器？我可以使用 json 吗？

这是代码。由于删除，我无法使用 hiddenField。

<asp:listbox ID="SubCat" runat="server" ></asp:listbox>
<input type=button onClick="addOption(SubCat)"; value='Add'> 
<input type=button onClick="removeOptions(SubCat)"; value='Remove Selected'>
<input type=button onClick="removeAllOptions(SubCat)"; value='Remove All'>


<script type="text/javascript">


 function removeAllOptions(selectbox) {
    var i;
    for (i = selectbox.options.length - 1; i >= 0; i--) {
        selectbox.remove(i);
    }
 } 

 function removeOptions(selectbox) {
    var i;
    for (i = selectbox.options.length - 1; i >= 0; i--) {
        if (selectbox.options[i].selected)
           selectbox.remove(i);
    }
 }

 function addOption(selectbox) {
    var txtBox1 = document.getElementById('txForn')
    var optn = document.createElement("OPTION");
    var t = txtBox1.value;
    optn.text = t;
    optn.value = t;
    selectbox.options.add(optn);
 }

</ script>
4

3 回答 3

1

您可以简单地创建一个 Web 服务并添加一个方法，例如 DeleteSelectedOptions 并更改 removeOptions 函数，如下所示：

function removeOptions(selectbox) {
   $.ajax({
       type: 'POST',
       url: 'yourservice.asmx/DeleteSelectedOptions',
       data: "{ids: '" + yourIds + "'}", // yourIds like : "1,6,9,34" 
       contentType: "application/json; charset=utf-8",
       dataType: 'json',
       success: function (result) {
          //if success, remove option on page
          var i;
          for (i = selectbox.options.length - 1; i >= 0; i--) {
            if (selectbox.options[i].selected)
               selectbox.remove(i);
          }
       },
       failure: function(errMsg) {
        alert(errMsg);
       }
    });  
  }

示例 WebService Remove.asmx

 [WebMethod]
 public string DeleteSelectedOptions(string ids)
 {
     string[] idsArray = ids.Split(',')
     // your delete codes 
     return result;
 }
于 2013-01-16T20:44:24.933 回答
1

为什么不能使用隐藏？您可以轻松地存储从列表框中添加或删除的项目记录的 ID，并更新服务器。您的其他选项是 Web 服务，或者将数据流式传输到处理程序。

无论哪种选择，任何客户端更改都不会保留，因此在每次回发时，您都必须使用更新的数据重新加载 ListBox 控件。

于 2013-01-16T18:42:57.340 回答
0

标记您需要向服务器发出 AJAX 请求。请参阅下面的示例。

它利用 POST，您可以在其中将表单中的字段发送到您的服务器方法。POST 还提供了一个成功函数，例如，如果您的方法返回一个值并且您需要在页面上显示它，那么您可以在这个成功函数中处理它。

假设您在服务器端代码隐藏文件中有以下方法：

 public static bool AddNewItem(string name, string surname, int age)
    {


      return true;      
    }

buttons:
{
    "Add": function () {
        var name = $("#<%= txtName.ClientID  %>").val();
        var surname = $("#<%= txtSurname.ClientID %>").val();
        var age = $("#<%= txtAge.ClientID %>").val();

        $.ajax({
            type: 'POST',
            url: 'MyWebPage.aspx/AddNewItem',
            data: '{"name":"' + name + '", "surname":"' + surname + '", "age":' + age + '}',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                if (msg.d) {
                    alert("Successfully added new item");                                    
                }
            },
            error: function () {
                alert("Error! Try again...");
            }
        });
    },
    "Cancel": function () {
        $(this).dialog("close");
    }
}
于 2013-01-16T18:41:33.647 回答