Question

我有两个aspx文件，其中一个是Default.aspx，另一个是Insert.aspx。

Insert.aspx需要两个名为firstname和lastname的参数，并将这些值保存到数据库中，并写一条欢迎信息，如'Welcome John Stinger'。

Default.aspx包含一个简单的表单，两个文本框和一个按钮（txtFname，txtLname，btnInsert）和一个显示消息的div。

我在Default.aspx中编写了一个JQuery代码：

<script type="text/javascript">
  $(document).ready(function() {
    $('#btnInsert').click(function() {
      $.ajax({
        contentType: "text/html; charset=utf-8",
        data: "firstname=" + $('#txtFname').val() + "&lastname=" +$("#txtLname").val(), 
        url: "Insert.aspx",
        dataType: "html",
        success: function(data) {
          $("#message").html(data);
        }
      });
    });
  });
</script>

我想获取Insert.aspx页面并将其加载到#message div但我无法获取该页面。我该怎么办？

谢谢..

Answer 1

<script type="text/javascript">
  $(document).ready(function() {
    $('#btnInsert').click(function() {
      $("#message").load("Insert.aspx", { firstname : $('#txtFname').val(), lastname : $("#txtLname").val() } );
    });
  });
</script>

查看更多：http://docs.jquery.com/Ajax/load#urldatacallback

Answer 2

你的代码似乎没问题，因为Cesar说你已经正确调试了它......

确保所有关键区域都有效，例如

按钮点击晃动？

ajax呼叫成功完成了吗？

正确获取文本框的值？

您的插入是否成功？等...

我想解释一下，因为你是新来的（我也是:-)）

<script type="text/javascript">
    $(document).ready(function() {
        $('#btnInsert').click(function() {
            alert("Clicked"); // button clicked
            $.ajax({
                contentType: "text/html; charset=utf-8",
                data: "firstname=" + $('#txtFname').val() + "&lastname=" + $("#txtLname").val(),
                url: "Insert.aspx",
                dataType: "html",
                success: function(data) {
                    alert("Success..."); // Ajax call completed successfully
                    alert(data);
                    $("#message").html(data);
                }
            });
            return false; // you don't want to current page postback!!!
        });
    });

我在你的代码中添加了一些警告，如果弹出所有代码就很好......

请更改下面提到的Insert.aspx.cs代码

protected void Page_Load(object sender, EventArgs e)
    {
        //code to validate inputs and to insert
        Response.Write("success"); // your message
        Response.End(); // to flush the buffer 
    }

让我知道它是否对你有帮助......

干杯

使用JQuery获取页面的问题？

2 个答案: