Проблема с получением страницы с помощью JQuery?

Question

У меня есть два файла aspx, один из которых - Default.aspx, а другой - Insert.aspx.

Вставка.aspx ожидает два параметра с именем firstname и lastname и сохраняет эти значения в базе данных и записывает приветственное сообщение типа «Welcome John Stinger».

Default.aspx содержит простую форму, два текстовых поля и одну кнопку (txtFname, txtLname, btnInsert) и div для отображения сообщения.

Я пишу код JQuery в Default.aspx:

<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

Ваш код, кажется, хорошо, так как Сезар сказал, что вы должны отлаживать это правильно ...

Убедитесь, что все ключевые объекты работы , такие как

кнопка click tiggered?

ajax call завершен успешно?

правильное получение значений текстовых полей?

Успешна ли ваша вставка? и т.д ...

Я хотел бы объяснить это больше, так как вы новичок здесь (я тоже :-))

<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 
    } 

Позвольте мне знать, помогло ли это вам или нет ...

Приветствия

Answer 2

<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