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");

 

 

 

 

目录
相关文章
|
11月前
|
前端开发 JavaScript 数据处理
JQuery 拦截请求 | Ajax 请求拦截
【10月更文挑战第4天】
458 1
|
12月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
100 1
|
12月前
|
JSON JavaScript 前端开发
Jquery常用操作汇总,dom操作,ajax请求
本文汇总了jQuery的一些常用操作,包括DOM元素的选择、添加、移除,表单操作,以及如何使用jQuery发送Ajax请求,涵盖了GET、POST请求和文件上传等常见场景。
|
12月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
73 1
|
12月前
|
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
|
存储 JSON 前端开发
jQuery Get 请求参数转换为 JSON
【8月更文挑战第22天】
173 2
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
664 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
XML JSON 前端开发
JSON与AJAX:网页交互的利器
JSON与AJAX:网页交互的利器
92 0
|
XML JSON 前端开发
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
100 0
|
JSON JavaScript 数据格式
html jquery from 表单提交 application/x-www-form-urlencoded 改成 json
html jquery from 表单提交 application/x-www-form-urlencoded 改成 json
107 0