介绍jquery中$.getJSON的使用方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了介绍jquery中$.getJSON的使用方法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3055字,纯文字阅读大概需要5分钟。
内容图文
jQuery.getJSON(url, [data], [callback])
通过 HTTP GET 请求载入 JSON 数据。
参数:
url,[data],[callback] String,Map,FunctionV1.0
url : 发送请求地址。
data : 待发送 Key/value 参数。
callback : 载入成功时回调函数。
getJson的使用方法 jQuery.getJSON(url,[data],[callback])
要获得一个json文件的内容,就可以使用$.getJSON()方法,这个方法会在取得相应文件后对文件进行处理,并将处理得到的JavaScript对象提供给代码.
回调函数提供了一种等候数据返回的方式,而不是立即执行代码,回调函数也需要一个参数,该参数中保存着返回的数据。这样我们就可能使用jQuery提供的另一个全局函数(类方法).each()来实现循环操作,将.getJSON函数返回的每组数据循环处理。
提供一个servlet写的小例子:
package com.servlet; import java.io.IOException; import java.io.PrintWriter; import java.util.ArrayList; import java.util.List; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import net.sf.json.JSONArray; import com.entity.City; /** * @author Administrator * 返回json字符串 * * 这里是用传统方法做的一个简单列子! * 整合struts,这种写法也能实现,但struts2已经实现了json,比这个写法方便 * */ public class GetJsonServlet extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { this.doPost(request, response); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setCharacterEncoding("utf-8"); PrintWriter out = response.getWriter(); /*返回一个list集合来绑定下拉框*/ List<City> list = new ArrayList<City>(); list.add(new City(1,"AAAA")); list.add(new City(2,"BBBB")); list.add(new City(3,"CCCC")); list.add(new City(4,"DDDD")); //获取集合的json字符串 JSONArray json = JSONArray.fromObject(list); System.out.println(json.toString()); //打印结果: //[{"id":1,"name":"AAAA"},{"id":2,"name":"BBBB"},{"id":3,"name":"CCCC"},{"id":4,"name":"DDDD"}] out.print(json.toString()); out.flush(); out.close(); } }
jsp页面代码:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>My JSP 'index.jsp' starting page</title> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript"> //初始加载页面时 $(document).ready(function(){ alert("加载.............."); var city=$("#city");//下拉框 $.getJSON("GetJsonServlet",function(data){ //通过循环取出data里面的值 $.each(data,function(i,value){ var tempOption = document.createElement("option"); tempOption.value = value.id; tempOption.innerHTML = value.name; city.append(tempOption); }); }); }); </script> </head> <body> <select id="city"> <option>==选择==</option> </select> </body> </html>
实体类就俩属性:
private Integer id; private String name;
以上能实现在页面加载的时候,把内容绑定到下拉框!
通过打印流,是ajax常用的方法!
需要的代码的可以下载 getJson Download 下载代码
以上就是介绍jquery中$.getJSON的使用方法的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的介绍jquery中$.getJSON的使用方法全部内容,希望文章能够帮你解决介绍jquery中$.getJSON的使用方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。