前台(JQuery)
==========================================================================
function showAmount(){
$.ajax({
type: "GET",
url: "http://localhost:8080/sz/orderForm.do?method=queryAmountOfConsumptionByMobile",
data:{mobileNumber:'<%=mobile%>'},
dataType:"jsonp",
success: function(data){
for(var i=0;i<data.length;i++){
var amount = data[i].amount;
$('#amount').append("<b>"+amount+"</b>");
};
},
error: function(){
$('#amount').append("<b>无数据</b>");
}
});
}
==========================================================================
后台
=========================================================================
public void queryAmountOfConsumptionByMobile(HttpServletRequest request, HttpServletResponse response) throws Exception {
response.setCharacterEncoding("UTF-8");
PrintWriter out = response.getWriter();
Double amount = 0.0;
String mobile = request.getParameter("mobileNumber");
//根据状态用户的ID以及订单的状态查询出结果
try {
amount = orderFormInfoBO.getAmountOfConsumption(mobile);
}
catch (Exception ex) {
if (log.isDebugEnabled()) {
ex.printStackTrace();
}
log.error("查询个人消费总数的时候发生错误\n" + ex);
out.print("查询出错!");
}
//将金额格式化为小数点后两位精度
BigDecimal bd = new BigDecimal(amount);
BigDecimal bd1 = bd.setScale(2,bd.ROUND_HALF_UP);
String amountStr = bd1.toString();
String cb = request.getParameter("callback");//若果是ajax请求会带这个参数
JSONArray ja = new JSONArray();
JSONObject j = new JSONObject();
j.put("amount", amountStr);
ja.add(j);
if(cb != null){
StringBuffer sb = new StringBuffer(cb);
sb.append("(");
sb.append(ja.toString());
sb.append(")");
out.write(sb.toString());
out.close();
}else{
out.write(ja.toString());
out.close();
}
}
============================================================================
JSON所需包
==========================================================================
commons-beanutils.jar
commons-collections-3.2.1.jar
commons-httpclient-3.1-rc1.jar
commons-lang.jar
ezmorph-1.0.4.jar
json-lib-2.2-jdk13.jar
===========================================================================
分享到:
相关推荐
本教程将重点讲解如何在ASP.NET Web环境中处理Ajax跨域访问。 一、理解同源策略 同源策略是浏览器为了保护用户安全而实施的一项安全机制,它禁止了一个源(domain)的文档或脚本获取或操作另一个源的资源。这意味着...
### 如何实现Ajax跨域访问 在Web开发中,由于同源策略的限制,JavaScript只能对同源的页面进行操作,不能对不同源的页面进行请求。然而,在实际的应用场景中,经常会出现需要向不同域名下的服务器发起请求的情况。...
**Ajax跨域访问解决方案** 在Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛用于实现页面的异步更新,提升用户体验。然而,由于浏览器的同源策略限制,Ajax请求只能向同源(协议、域名和端口相同)...
### JAVA的AJAX跨域访问:深入解析与解决方案 #### 引言 在现代Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛应用于实现网页的异步加载,从而提升用户体验。然而,AJAX请求的一个常见问题就是...
**jQuery实现Ajax跨域访问** 在Web开发中,由于同源策略的限制,JavaScript通常只能对同一域名下的资源进行操作。然而,有时我们需要从不同源获取数据,这就是跨域访问的需求。jQuery通过Ajax提供了跨域请求的能力...
### JSONP实现Ajax跨域访问 #### 一、引言 JSONP(JSON with Padding)是一种用于解决跨域数据访问的技术。由于同源策略(Same-Origin Policy)的存在,JavaScript/Ajax只能请求同源的资源,这给需要跨域访问数据...
### AJAX跨域访问详解 #### 一、引言 在Web开发中,由于浏览器的安全策略限制,同源策略(Same-origin policy)成为了跨域请求的一大障碍。为了克服这一限制,AJAX通过多种技术实现了跨域数据获取。其中,JSONP...
标题中的“ajax跨域访问WCP搜索,返回JSON数据”涉及到的是Web开发中关于AJAX、跨域资源共享(CORS)以及JSON数据格式的应用。在Web应用中,AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个页面的情况...
标题中的“在Firefox中通过AJAX跨域访问Web资源”是指使用Asynchronous JavaScript and XML (AJAX)技术在Mozilla Firefox浏览器中实现跨域数据请求。跨域是由于浏览器的同源策略(Same-origin policy)限制,它阻止...
AJAX跨域问题的出现是由于浏览器的安全机制,旨在防止恶意网站通过脚本访问其他网站的数据,保护用户隐私。但是,在某些场景下,比如前后端分离的应用、API接口调用等,跨域请求是必要的。针对这一需求,有多种解决...
个人学习时编写的代码,该案例用于演示Ajax的跨域访问问题。!!!补充说明:导入工程时需要选择导入maven工程!上传仅为学习交流,也为自己下载方便!水平有限不喜勿喷。在README.txt中有对项目的详细说明!
但用IIS发布后,提示没权限,后来发现是ajax跨域访问的权限问题。 在网上折腾了两天,终于找到解决办法。 希望有相同需求的朋友能直接通过我网上收集并实例测试使用过的资源解决这个问题,少走弯路
在C#中处理AJAX跨域访问的问题,主要涉及到浏览器的同源策略(Same-Origin Policy)和JSONP(JSON with Padding)技术。同源策略是浏览器为了保障安全,防止恶意脚本从一个域名窃取另一个域名的数据而设置的规则。...
本文将详细介绍解决Ajax跨域访问时Cookie丢失问题的方法。 首先,我们需要了解什么是同源策略。同源策略限制了来自不同源的文档或脚本如何与来自另一个源的资源进行交互,它是一种重要的安全机制。简单来说,如果两...
本文将详细探讨两种主要的Ajax跨域访问解决方法:JSONP和CORS。 **1. JSONP(JSON with Padding)** JSONP是一种非官方的跨域数据交互协议,它利用了`<script>`标签不受同源策略限制的特点。JSONP的工作原理是:...
在本文中,我们将深入探讨如何在Django框架中解决AJAX跨域访问问题。跨域问题通常发生在浏览器的安全策略中,限制了JavaScript从一个源(域名、协议或端口)向另一个源发起请求的能力,除非两个源都明确允许。这在...