解決ajax返回驗(yàn)證的時(shí)候總是彈出error錯(cuò)誤的方法
更新時(shí)間：2016年01月06日 15:50:55 作者：沒有夢(mèng)想-何必遠(yuǎn)方
這篇文章主要介紹了解決ajax返回驗(yàn)證的時(shí)候總是彈出error錯(cuò)誤的方法，感興趣的小伙伴們可以參考一下
發(fā)一個(gè)簡(jiǎn)單案例：
前臺(tái)：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>用戶登錄</title>
<script type="text/javascript" src="../js/jquery-easyui-1.3.5/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery-easyui-1.3.5/jquery.easyui.min.js"></script>
<link rel="stylesheet" href="../js/jquery-easyui-1.3.5/themes/default/easyui.css" type="text/css"></link>
<link rel="stylesheet" href="../js/jquery-easyui-1.3.5/themes/icon.css" type="text/css"></link>
<script type="text/javascript" src="../js/jquery-easyui-1.3.5/locale/easyui-lang-zh_CN.js"></script>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<script type = "text/javascript" charset = "UTF-8">
$(function(){
var loginDialog;
loginDialog = $('#loginDialog').dialog({
closable : false , // 組件添加屬性：讓關(guān)閉按鈕消失
//modal : true, //模式化窗口
buttons : [{
text:'注冊(cè)',
handler:function(){
}
},
{
text:'登錄',
handler:function(){
$.ajax({
url:'../servlet/Login_Do',
data :{
name:$('#loginForm input[name=name]').val(),
password:$('#loginForm input[name=password]').val()
},
dataType:'json',
success:function(r){
//var dataObj=eval("("+data+")");
alert("進(jìn)來了");
},
error:function(){
alert("失敗");
}
});
//alert(data)
}
}]
});
});
</script>
</head>
<body style=”width:100%;height:100%;" >
<div id = "loginDialog" title = "用戶登錄" style = "width:250px;height:250px;" >
<form id = "loginForm" method = "post">
<table>
<tr>
<th>用戶名 :</th>
<td><input type = "text" class = "easyui-validatebox" data-options="required:true" name = "name"><br></td>
</tr>
<tr>
<th>密碼: </th>
<td> <input type = "password" class = "easyui-validatebox" data-options="required:true" name = "password"><br></td></td>
</tr>
</table>
</form>
</div>
</body>
</html>
后臺(tái)：
public class Login_Do extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
this.doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");
String name =request.getParameter("name");
String password = request.getParameter("password");
String js = "{\"name\":name,\"password\":password}";
PrintWriter out = response.getWriter();
JSONObject json = new JSONObject();
json.put("name",name);
out.print(json.toString());
response.getWriter().write(json.toString());
}
}
點(diǎn)擊登錄時(shí)：
解決辦法：彈出error信息一般有兩種可能：
第一種：url錯(cuò)誤，后臺(tái)直接得不到值
可以用火狐的firebug查看：如果響應(yīng)了信息，則不是這個(gè)問題，那么就有可能是第二種情況：
返回?cái)?shù)據(jù)類型錯(cuò)誤：
在我這個(gè)例子中，返回的數(shù)據(jù)無意中打印了兩次,這兩句刪去一句就好了：
out.print(json.toString()); response.getWriter().write(json.toString());
造成了錯(cuò)誤。這時(shí)在firebug顯示的信息是：
以上就是為大家分析的用ajax返回驗(yàn)證的時(shí)候總是彈出error的原因，希望對(duì)大家解決此類問題有所幫助。
相關(guān)文章
用 ajax 的方法解決網(wǎng)頁(yè)廣告顯示的問題
用 ajax 的方法解決網(wǎng)頁(yè)廣告顯示的問題...2006-12-12
這篇文章主要介紹了使用ajax操作JavaScript 對(duì)象的相關(guān)資料,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了AJAX封裝類使用指南,需要的朋友可以參考下2014-12-12
AJAX在GB2312的中文編碼傳輸 AJAX特殊字符編碼正確方法
此文章為個(gè)人總結(jié)，花了近半天時(shí)間搜索、試驗(yàn)，在網(wǎng)上看到很多關(guān)于AJAX編碼問題，不一而足2010-01-01
基于HTML5 Ajax文件上傳進(jìn)度條如何實(shí)現(xiàn)（jquery版本）
本文給大家介紹基于html5 ajax文件上傳進(jìn)度條是如何實(shí)現(xiàn)的，涉及到html5新增加的formdata對(duì)象的使用，對(duì)html5文件上傳進(jìn)度條感興趣的朋友一起學(xué)習(xí)吧2015-11-11
本文從ajax技術(shù)的背景、原理、ajax的名字，ajax所包含的技術(shù)等方面展開話題，介紹ajax的原理及優(yōu)缺點(diǎn)。本文關(guān)于ajax的原理及優(yōu)缺點(diǎn)介紹的非常詳細(xì)，具有參考借鑒價(jià)值，感興趣的小伙伴一起學(xué)習(xí)吧2016-04-04
這篇文章主要為大家詳細(xì)介紹了Ajax 異步加載，什么是Ajax 異步加載，如何實(shí)現(xiàn)Ajax 異步加載，感興趣的小伙伴們可以參考一下2016-08-08
ajax請(qǐng)求后臺(tái)得到j(luò)son數(shù)據(jù)后動(dòng)態(tài)生成樹形下拉框的方法
今天小編就為大家分享一篇ajax請(qǐng)求后臺(tái)得到j(luò)son數(shù)據(jù)后動(dòng)態(tài)生成樹形下拉框的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了解決ajax異步請(qǐng)求返回的是字符串問題,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-11-11
Ajax從流行到現(xiàn)在，已經(jīng)不算是什么新鮮的技術(shù)了2010-10-10