首頁 > web前端 > js教程 > 主體

Ajax互動時被報status=parsererror錯誤如何解決

php中世界最好的语言
發布: 2018-04-02 13:33:32
原創
4839 人瀏覽過

這次帶給大家Ajax互動時被報status=parsererror錯誤如何解決,解決Ajax互動時報status=parsererror錯誤的注意事項有哪些,以下就是實戰案例,一起來看一下。

原因:servlet 回傳的資料不是Json 格式

#1、JS程式碼為:##

var jsonStr = {'clusterNum':2,'iterationNum':3,'runTimes':4};
    $.ajax({
      type: "post",
      //http://172.22.12.135:9000/Json.json
      url: "/LSHome/LSHome",
      dataType : 'json',
      data : jsonStr,
      success: function(data,textStatus){
        if(textStatus=="success"){ 
          alert("创建任务操作成功"+data);      
        }        
      },
      error: function(xhr,status,errMsg){
        alert("创建任务操作失败!");
      }
    });
登入後複製

2、注意上面的url 為/LSHome/LSHome,(專案名稱為LSHome)所以在web.xml 檔案中,設定Servlet 如下:

<servlet>
   <servlet-name>LSHomeServlet</servlet-name>
   <servlet-class>com.ys.servlet.LSHomeServlet</servlet-class>
 </servlet>
 <servlet-mapping>
   <servlet-name>LSHomeServlet</servlet-name>
 <url-pattern>/LSHome</url-pattern>
登入後複製

#  3、 Servlet 中程式碼為:

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    //聚类数量
    String clusterNum = request.getParameter("clusterNum");
    //迭代次数
    String iterationNum = request.getParameter("iterationNum");
    //运行次数
    String runTimes = request.getParameter("runTimes");
    System.out.println("聚类数量为:"+clusterNum+"---迭代次数:"+iterationNum+"---运行次数:"+runTimes);
    PrintWriter out = response.getWriter();      
    out.write("success");
    out.close();  
  }
登入後複製

4、結果是一直都是進入到ajax 方法裡面的error,而且status=parsererror

xhr = Object {readyState: 4, responseText: "success", status: 200, statusText: "OK"}
登入後複製

5、解決方法:

原因是透過response 物件傳回的資料格式不正確,正確方法

 PrintWriter out = response.getWriter();
String jsonStr = "{\"success\":\"OK\"}";
 out.write(jsonStr);
登入後複製
可以將傳回值拼湊成JSON 資料格式,然後會不會報status=parsererror

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

怎麼用ajax實現彈窗登入

#Ajax+bootstrap優化網頁使用者體驗的步奏
#

以上是Ajax互動時被報status=parsererror錯誤如何解決的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板