2009-11-03 3 views
1

다른 페이지로 jQuery를 사용하여 데이터를 게시하려는 ASP.NET 응용 프로그램이 있습니다. 그것은 내가 페이지의 데이터를 게시하고 싶다는 것을 의미합니다.ASP.NET에서 jQuery를 사용하여 데이터를 게시하는 방법은 무엇입니까?

jQuery 또는 AJAX로 어떻게 할 수 있습니까?

도와주세요.

$(document).ready(function() { 
     alert("start"); 
     $("#btnSave").click(function() { 
     alert("start1"); 
      var aa = 'bb'; 
      var json = "{'ItemName':'" + aa + "'}"; 
      alert("start2"); 
      var ajaxPage = "Default3.aspx?Save=1"; //this page is where data is to be retrieved and processed 
      alert("start3"); 
      var options = { 
       type: "POST", 
       url: ajaxPage, 
       data: json, 
       contentType: "application/json;charset=utf-8", 
       dataType: "json", 
       async: false, 
       success: function(response) { 
        alert("success: " + response); 
       }, 
       error: function(msg) { alert("failed: " + msg); } 

      }; 

alert ("start4");

 }); 



    }); 

이 코드를 사용하여 모든 경고 응답이 있지만 게시 페이지가 나타납니다.

+0

ajaxPage 변수이 "Default3.aspx/저장"과 같아야합니다. 그리고 그 페이지의 코드 뒤에 [WebMethod]가 있습니다. public static string Save (string ItemName) {// 여기에 할 일} 자바 스크립트를 default3.aspx 페이지에 올려 놓거나 대신 웹 서비스를 사용하십시오. 또한 System.Web.Services를 사용하는 것을 기억합니다. –

답변

2

아약스> 아약스 요청>을 선택합니다. javascript에서 직접 코드 숨김 메소드를 호출하고 문자열뿐만 아니라 복잡한 객체를 반환 할 수 있습니다. (이 예를 들어 당신이 여기 https://github.com/douglascrockford/JSON-js 발견 json2.js를 필요로 작동합니다)

//javascript 
function postMethod(text){ 
var jsonText = JSON.stringify({ name:text }); 
    $.ajax({ 
    type: "POST", 
    url: "yourpage.aspx/GetPerson", 
    contentType: "application/json; charset=utf-8", 
    data: jsonText, 
    dataType: "json", 
    success: function(response) { 
     var person = response.d; 
     alert(person.Name); 
    } 
}); 
} 

//aspx code behind 
[WebMethod] 
public static Person GetPerson(string name) 
{ 
    Person person = new Person(name); 
    return person;  
} 
+0

답장을 보내 주셔서 감사합니다. 그러나 작동하지 않습니다. 해당 페이지를 게시하지 마십시오. 나에게 설명해 주실 수 있으시면이 긴급한 것이 필요합니다. –

+0

내가 점점 오전 오류를 정의하지 $ –

+0

$ 아약스 ({ 유형 : "POST", URL : "yourpage.aspx /이 getPerson" ContentType을 : "응용 프로그램/JSON; 문자셋 = UTF-8", 데이터 : jsonText, dataType : "json", 성공 : 함수 (응답) { var person = response.d; 경고 (사람.이름); } 이 부분이 작동하지 않습니다 –

0

로드 기능이 있습니다.

이 같이 사용할 수 있습니다

$ ('#의 somediv') 부하. ('http://someaddress', {키 : 값} 함수를 콜백() {});

두 번째 매개 변수는 중요하다 - 오직이 방법으로 작성된이 게시물을 수행하여 데이터를 읽고 싶을 때 그냥하고 싶은 경우

PS>이이 좋다 (당신은 배열을 전달하는 경우 다음 얻을 수행). POST 및 돌아 오면 다음 사용할 수 있습니다 것에 대해 걱정하지 않는다 : http://docs.jquery.com/Ajax/jQuery.post#urldatacallbacktype

0

봐 $ .post()에서 - 응답을 처리, http://docs.jquery.com/Ajax/jQuery.post

의 모든 관련 데이터를 추가하고 멀리 게시 제공된 콜백 메소드로. 당신이 볼 수 자세한 내용과 예제 있도록
$.post("test.php", { name: "John", time: "2pm" });
이, JQuery와 API에서 직접 복사 :

0

jQuery를에 게시물 기능이있다.
jQuery api
JQuery와 및 JSON은 ASP.NET과 함께 좋은 작품을 $ .post

관련 문제