java和Ajax异步传输

最新推荐文章于 2023-05-31 17:24:39 发布

原创最新推荐文章于 2023-05-31 17:24:39 发布 · 572 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java #ajax #string #function #button #parameters

java 专栏收录该内容

0 篇文章

订阅专栏

本文介绍使用Java和Ajax实现异步数据传输的方法。通过Prototype.js进行Ajax请求，并利用org.json.jar处理JSON数据。示例代码展示了如何创建用于传递状态码和消息的JSON对象，以及前端如何解析这些数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

利用java和Ajax做个异步传输

用到的东西：

1.prototype.js

2.org.json.jar

主要的类：

package com.shangyu.json;
import org.json.*;

public class AjaxMessageJson {

private JSONObject json = new JSONObject();

public void setMessage(String codeid, String message) {
try {
   this.json.put("codeid", codeid);
   this.json.put("message", message);
   this.json.put("text", "");
} catch (JSONException e) {

}
}

public void setMessage(String codeid, String message, String text) {
try {
   this.json.put("codeid", codeid);
   this.json.put("message", message);
   this.json.put("text", text);
} catch (JSONException e) {

}
}

public String getJsonString() {
return this.json.toString();
}
}

登录页面：

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<html>
<head>
    <title>用户登录测试json返回数据格式</title>
    <script type="text/javascript" src="js/prototype.js"></script>
<script language="JavaScript" type="text/javascript">
<!--
var flagSubmit = false ;
function checkUserName() {
//var contextPath = "<%=request.getContextPath()%>";
//alert(contextPath);
var url = "check_login_user.jsp";//校验入口
var pars = "username=" + $('username').value;//参数
   var pars1 = "&pas=" + $('pas').value;//参数
   //组合参数
   pars+=pars1;
//异步传值
var myAjax = new Ajax.Request(url,{method: 'get', parameters: pars,onLoading:loading,onFailure:reportError,onComplete: done});
}
function loading()
{
//alert('正在调用');
}
//此方法接收返回的值做分析
function done(val) {
var valText = val.responseText;
alert(valText);
var jsonMsgObj = new JsonMsgObj(valText);
var message = jsonMsgObj.getMessage();
alert(message);
}
function reportError(request)
{
alert('Sorry. There was an error.');
}
</script>
</head>

<body>
<form action="" method="post" name="form1">
用户名：<input type="text" name="username""/>新密码:<input type="text" name="pas" onchange="checkUserName()"/><br>
<input type="button" name="button" value="发送" onclick="checkUserName()">
</form>
</body>
</html>

附工程文件下载：