如何通过js获取json数据，传到页面_框架

有两种方法，一种是$ajax(option)方法，一种是$getJSON()方法。

实例：

一、数据集所在jsp页面outjsp,代码如下

<%@page contentType="text/plain; charset=UTF-8"

language="java"

import="javaio,javanet,javautil"

buffer="8kb"

session="false"

autoFlush="true"

String jsonData="{data:[{id:200901,name:'name1'},{id:200902,name:'name2'},{id:200903,name:'姓名3'},{id:200904,name:'姓名4'},{id:200905,name:'姓名5'}]}";

//outclear();

outwrite(jsonData);

二、js处理页面

(1)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "">

<head>

<meta >

首先采用jquery内部封装好的方法是比较简单的，我们只需做的就是修改里面的一些配置：以下代码是对$ajax()的解析： $ajax({ type: "POST", //提交方式 contentType: "application/json; charset=utf-8"

通过>

你数据都是现成的直接创建一个就好了

你如果要把arrYearPay转为{yearPay：100}，{yearPay：200}这样键名都一样的对象，还不如直接post数组到后台，反正没有key可辨识，直接通过数组索引判断就是了

给你粗略写个demo

var code = "A123";

var rate = 100;

var arrYearPay = [100,200,300];

var data = {

code: code,

rate: rate,

yearPay: arrYearPay

};

var url = '/demophp'; //你post地址

$post(url, data, function (e) {

alert(e)

})

后台php代码

<php

$code= $_POST["code"];

$rate= $_POST["rate"];

$yearPay = $_POST["yearPay"]; //这个就是数组对象了

$sum = 0 ;

foreach($yearPay as $year){

$sum += $year $rate ; //这个我随便写的啊改成你自己的公式了

}

echo $sum

使用jquery的ajax的jsonp类型跨域请求数据、始终获取不到返回数据是设置错误造成的，解决方法为：

1、创建基本的文件结构json_ajaxhtml和json_ajaxphp,下载jqueryjs。

2、如图分别编写json_ajaxhtml和json_ajaxphp文件的编码。

3、分别在w(l)amp环境下运行json_ajaxhtml和json_ajaxphp。

4、经过源码和运行结果的分析，知道了在json_ajaxhtml中设置了按钮的点击事件,点击按钮。

注意事项：

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。

以上就是关于如何通过js获取json数据，传到页面全部的内容，包括:如何通过js获取json数据，传到页面、Jquery ajax 请求跨域获取json数据，数据可以获得，但json解析的时候报错，请问有什么方法、如何用ajax读取json数据等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/10155127.html

如何通过js获取json数据，传到页面

发表评论

评论列表（0条）