如何解析jquery中的ajax響應？

Question

我想知道如何解析jquery腳本中來自ajax的響應。

編輯：

這是我的jquery：jquery_test.jsp

 <h1>Hello World!</h1>

    <select id="body_id" name="current_session" >
            <option value="Winter">Winter</option>
            <option value="Monsoon">Monsoon</option>
    </select>

     <script>
      $( "#stream" ).change(function() {
           var selectedVal=$("#stream option:selected").val();
            $.ajax({
                 url:"checkonserver.jsp?current_session="+selectedVal,
                 success:function(msg){
                 alert(msg);
                   }
                });
              });
    </script>
    </body>

這是我的Ajax代碼（checkonserver.jsp）

    <body id="body_id" >
    <% if(request.getParameter("current_session").toString().equals("Winter")){%>
        It's COLD
     <% 
     }
       else{
      %>
      It's HOT
    <%}%>
    </body>

我從ajax到msg作為休止符（.jsp頁面）//從列表中選擇季風

<head>
    <body>
        It's HOT         
    <\body>
<\head>

我的問題是我如何解析msg以獲取上述jsp主體內的數據。 例如：只有its HOT我想作為瀏覽器上的輸出。 並非如上所述的整個html文件

Answer 1

在body標簽下，您可以使用Jquery獲取的所有數據：

var updatedData = msg;
jQuery(updatedData).find('body').html();

更新jquery_test.jsp頁面：

去掉：

url:"checkonserver.jsp?current_session="+selectedVal,
success:function(msg){
    alert(msg);
}

加：

url:"checkonserver.jsp?current_session="+selectedVal,
dataType : 'html',
success:function(msg){
    var updatedData = msg;
    alert(jQuery(updatedData).find('body').html());
}

Answer 2

1.要從對象數組獲取JSON，請使用此方法

     $.ajax({
                      type:"GET",
                      dataType:"json",
                      url:"thejson",
                      success: function(data) {
                           $.each(data, function(index,element){
                              alert(element.Device);
                         });
                       },
                      error: function() {
                        alert("Not Found File");
                      }
                    });



    JSON Could be like
    [
        {
            "Device": "xklklklx",
            "Count": 5
        }
    ]

2.要從對象獲取JSON，請使用以下命令：

     $.ajax({
                  type:"GET",
                  dataType:"json",
                  url:"thejson",
                  //data:
                  success: function(data) {
                    alert(data.Device);
                  },
                  error: function() {
                    alert("Not Found File");
                  }
                });

    JSON Can be like:
     {
            "Device": "Some Device",
            "Count": 5
        }

Answer 3

步驟1：將ID賦予字段

<html>
    <body id="body_id" name="body_name">
        <h1>field comes here</h1>
    <\body>
<\html>

第2步：您可以遵循以下任何代碼

$.ajax({
    url: "checkonserver.jsp?current_session=" + selectedVal,
    success: function(msg){
        //alert(msg)
        document.getElementById('body_id').innerHTML = msg; // or
        document.getElementByName('body_name').innerHTML = msg; //or
        JQuery('#body_id').value = msg; //or
        JQuery('#body_id').innerHTML = msg; 
    }
});

如何解析jquery中的ajax響應？

問題描述

3 個解決方案

解決方案1
2 2013-10-15 10:36:56

解決方案2
1 2013-10-15 10:46:56

解決方案3
0 已采納 2013-10-15 10:43:36

如何解析jquery中的ajax響應？

問題描述

3 個解決方案

解決方案1 2 2013-10-15 10:36:56

解決方案2 1 2013-10-15 10:46:56

解決方案3 0 已采納 2013-10-15 10:43:36

解決方案1
2 2013-10-15 10:36:56

解決方案2
1 2013-10-15 10:46:56

解決方案3
0 已采納 2013-10-15 10:43:36