jquery的ajax方式调用json简单例子

简介:
 

jquery的ajax方式调用json简单例子


前台:

<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript">
        //test
 function test(uid)
 {

   if(confirm("确定该用户操作"+uid+"吗?"))
   {
    var date = new Date();
    var param = {uid:uid};
    jQuery.get("test.jsp?para=" + date, param,
       function(data){
         if(data != null)
         {
       var result = data.result;
       //alert("data==="+data);
       if(result == 1)
       {
        alert("操作失败");
       }
       if(result == 0)
       {
        alert("操作失败。");
        //document.location.href = document.location;
        //window.location.reload();
        
       }
         }
    });
   }

 }
</script>


<a href="javascript:void(0);" onclick="test(111111111111111111);">submit</a>

 

 

 


后台:

test.jsp 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%
response.setContentType("application/x-json;charset=UTF-8");
String uid=request.getParameter("uid");
int ret=0;
String result = "{\"result\":" + ret + "}";
out.print(result);
%>

注意:返回json格式

如{"result":0}

需要设置 :response.setContentType("application/x-json;charset=UTF-8");

 

 

 

 

目录
相关文章
|
1月前
|
JSON 前端开发 JavaScript
JavaWeb基础8——Filter,Listener,Ajax,Axios,JSON
Filter过滤器、Listener监听器、AJAX、 同步、异步优点和使用场景、Axios异步框架、JSON、js和JSON转换、案例,Axios + JSON 品牌列表查询和添加
JavaWeb基础8——Filter,Listener,Ajax,Axios,JSON
|
2月前
|
存储 JSON 前端开发
jQuery Get 请求参数转换为 JSON
【8月更文挑战第22天】
|
2月前
|
XML JSON 前端开发
JSON与AJAX:网页交互的利器
JSON与AJAX:网页交互的利器
33 0
|
2月前
|
JSON JavaScript 数据格式
html jquery from 表单提交 application/x-www-form-urlencoded 改成 json
html jquery from 表单提交 application/x-www-form-urlencoded 改成 json
35 0
|
2月前
|
JSON JavaScript 数据格式
Jquery 将 JSON 列表的 某个属性值,添加到数组中,并判断一个值,在不在数据中
Jquery 将 JSON 列表的 某个属性值,添加到数组中,并判断一个值,在不在数据中
71 0
|
4月前
|
JSON JavaScript 前端开发
jQuery获取json文件的方法
jQuery获取json文件的方法
44 2
|
4月前
|
XML JSON 前端开发
第十一篇JavaScript JSON与AJAX
第十一篇JavaScript JSON与AJAX
30 0
|
5月前
|
JSON 前端开发 JavaScript
jQuery ajax读取本地json文件 三级联动下拉框
jQuery ajax读取本地json文件 三级联动下拉框
N..
|
5月前
|
XML JSON 前端开发
jQuery实现Ajax
jQuery实现Ajax
N..
58 1
|
5月前
|
XML 前端开发 JavaScript
jQuery中ajax如何使用
jQuery中ajax如何使用
63 0