1.java代码如下:
packagecom.eduask;
importjava.io.IOException;
importjavax.servlet.ServletException;
importjavax.servlet.http.HttpServlet;
importjavax.servlet.http.HttpServletRequest;
importjavax.servlet.http.HttpServletResponse;
publicclassDemo5extendsHttpServlet{
@Override
protectedvoidservice(HttpServletRequest req, HttpServletResponse resp)
throwsServletException, IOException {
resp.setContentType("text/xml;charset=utf-8");
String name=req.getParameter("username1");
resp.setCharacterEncoding("utf-8");
String msg="";
if("tom".equals(name)) {
msg="{'msg':'failed'}";
resp.getWriter().write(msg);
}else{
msg="{'msg':'success'}";
resp.getWriter().write(msg);
}
}
}
2.json.jsp代码如下:
<body>
<!-- function Person(id,name,pwd){
this.id=id;
this.name=name;
this.pwd=pwd;
}
var p=new Person(1234,"tom","1234");
alert(p.id+"--"+p.name+"--"+p["pwd"]);
var p1={
'id':234,
'name':"jack",
'pwd':"123"
};
function Person(){
this.name="tom";
this.age=23;
}
alert(p1.id+"--"+p1.name+"--"+p1["pwd"]);
-->
username1:<input type="text"id="username1"name="username1">
<span id="msg1"></span>
<script type="text/javascript">
//===================post=====================================================
varpost=document.getElementById("username1");
post.onblur=function(){
varxhr=getXhr();
xhr.onreadystatechange=function(){
if(xhr.readyState==4) {
if(xhr.status==200) {
//字符串格式的数据
varmsg1=xhr.responseText;
//转换为json对象
msg1=eval("("+msg1+")")
varspan=document.getElementById("msg1");
//通过对象.属性名称获取属性的值
span.innerHTML="<font color=red>"+msg1.msg+"</font>";
}
}
}
xhr.open("post","/ajax/Demo5");
//设置消息头，告诉浏览器携带请求体数据
xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
/* */varspan=document.getElementById("msg1");
span.innerHTML="正在加载数据...";
xhr.send("username1="+post.value);
}
functiongetXhr(){
varxhr;
if(window.XMLHttpRequest) {
xhr=newXMLHttpRequest();
}else{
xhr=newActiveXObject("microsoft.xmlhttp");
}
returnxhr;
}
</script>
</body>
3.web.xml配置文件如下:
<!-- demo5 -->
<servlet>
<servlet-name>Demo5</servlet-name>
<servlet-class>com.eduask.Demo5</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>Demo5</servlet-name>
<url-pattern>/Demo5</url-pattern>
</servlet-mapping>
分享到：
相关推荐
本案例将探讨如何通过AJAX向本地服务器发起GET和POST请求，以获取或交互JSON数据。 首先，我们需要理解AJAX的基本结构。AJAX的核心是XMLHttpRequest对象，它允许JavaScript在后台与服务器进行通信。以下是一个简单...
在 AJAX 中，我们通常使用 JSON 格式作为数据传输的载体，因为它比 XML 更快、更简洁。 AjaxJson 实例通常包括以下步骤： 1. **创建 XMLHttpRequest 对象**：这是 AJAX 的基础，用于与服务器进行通信。在 ...
在这个例子中，服务器端通过`JsonResult`返回JSON格式的用户信息，客户端通过AJAX请求获取这些信息并解析显示。 **五、总结** AJAX+JSON在.NET环境中的应用大大提高了Web应用程序的交互性和效率，减少了不必要的...
- `$.post()`则是`$.ajax()`的POST请求简写，用于向服务器发送数据。例如： ```javascript $.post('http://example.com/api/data', {key1: 'value1', key2: 'value2'}, function(response) { console.log('Data ...
在服务器端，接收到请求后，会处理数据并以JSON格式返回响应。这个响应可以通过AJAX调用的onreadystatechange事件处理函数来接收。当状态码变为4（表示请求已完成）且status为200（表示成功）时，可以使用...
jQuery中的AJAX请求是一种非常常见的前端异步数据交互方式，它的作用是使得页面无需重新加载即可向服务器请求数据，并将数据动态地加载到页面中。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它...
在这个"json转实体json解析post模拟请求"的例子中，我们将探讨如何在实际应用中处理JSON数据，包括将JSON数据转换为程序中的实体对象，解析JSON以及模拟POST请求。 1. JSON到实体转换： 在Java等面向对象的语言中，...
例如，将上面的JSON对象作为POST请求的数据发送： ```javascript var xhr = new XMLHttpRequest(); xhr.open('POST', 'http://example.com/api/user'); xhr.setRequestHeader('Content-Type', 'application/json');...
JS发起POST请求**：在JavaScript中，我们可以使用XMLHttpRequest对象或者现代浏览器支持的fetch API来发起POST请求。请求体中通常包含JSON格式的数据，通过设置`Content-Type`为`application/json`，告诉服务器数据...
Ajax(ASynchronous JavaScript And XML):是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术, Json(JavaScript Object Notation) :现在多用于存储和交换文本信息的语法;进行数据的传输,SON 比 XML 更小...
比如我们经常这样写一个ajax的post请求： $.ajax({ type: "post", // post or get contentType:"application/json;charset=utf-8", data: “requestTag=”+tag+"&content="+content, //请求参数 url: "po
$.get用于发送GET请求，而$.post用于发送POST请求。它们都接受四个参数：URL、数据、回调函数和类型。例如，我们可以这样使用它们： ```javascript $.get('api.php', { key: 'value' }, function(response) { ...
在Ajax中，主要使用的请求方式有两种：GET和POST。 **GET请求** GET是HTTP协议中最常见的请求方法之一，主要用于获取服务器上的资源。在Ajax中，使用GET请求时，请求的数据会被附加到URL后面，以问号分隔，形成一个...
以`$.post`为例，这是一个简化的Ajax POST请求方法。在给出的JSP代码中，我们看到如下示例： ```javascript $(function(){ var idVal = 1; jQuery.post( "getObject.action", // 请求地址 {id: idVal}, // ...
jQuery中的Ajax功能包括`$.ajax()`, `$.get()`, `$.post()`等函数，它们可以方便地发起异步请求。当与JSON结合时，我们通常会使用`dataType: 'json'`设置来告诉jQuery期待服务器返回JSON格式的数据。收到数据后，...
在以上代码中，服务器接收到请求后，将返回的数据以JSON格式封装在回调函数内，客户端接收到响应后会自动执行这个函数，将数据解析并处理。 总结起来，jQuery的jsonp机制使得跨域请求变得简单。通过在客户端设置`...
此项目实例"Javaweb项目ajax请求Json实例"旨在演示如何将服务器端的数据以JSON（JavaScript Object Notation）格式发送到客户端，并在JSP页面上进行解析和展示。JSON是一种轻量级的数据交换格式，因其简洁性和易读性...
总结来说，通过这种方式，我们可以利用AJAX向Struts2 Action传递JSON数组，实现异步数据交互。这在动态更新页面内容、处理表单提交等场景下非常有用。同时，使用JSON作为数据交换格式，使得前后端的数据交换变得更加...
对于POST请求，特别是当数据需要以JSON格式发送时，我们需要借助JavaScript，通常使用AJAX（Asynchronous JavaScript and XML）技术，通过XMLHttpRequest或Fetch API来实现。JSON是一种轻量级的数据交换格式，它的...
在AJAX请求中，JSON数据可以作为POST请求的主体发送，也可以在GET请求中作为URL参数。服务器端处理后，会以JSON格式返回数据。JavaScript可以使用JSON.parse()方法将接收到的JSON字符串转换为JavaScript对象，便于...