jQuery.getJSON(url, [data], [callback])
透過HTTP GET 請求載入JSON 資料。
參數:
url,[data],[callback] 之後#1,F. : 發送請求位址。
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;
以上能實現在頁面載入的時候,把內容綁定到下拉框!
所需的程式碼的可以下載 getJson Download 下載程式碼
以上是介紹jquery中$.getJSON的使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!