jQuery.getJSON(url, [data], [callback])
HTTP GET 요청을 통해 JSON 데이터를 로드합니다.
매개변수:
url, [데이터], [콜백] >
data: 전송할 키/값 매개변수입니다.
callback: 로딩이 성공했을 때 콜백 함수.
getJson 사용 방법 jQuery.getJSON(url,[data],[callback])json 파일의 내용을 가져오려면 $.getJSON() 메서드를 사용할 수 있습니다. 해당 파일을 처리한 후 파일을 처리하고 처리된JavaScript 객체를 코드에 제공합니다. 콜백 함수는 코드를 즉시 실행하는 대신 데이터가 반환될 때까지 기다리는 방법을 제공합니다. 또한 매개변수가 필요합니다. 반환된 데이터는 매개변수에 저장됩니다. 이러한 방식으로 jQuery에서 제공하는 또 다른 전역 함수(클래스 메서드).each()를 사용하여 루프 작업을 구현하고 .getJSON 함수에서 반환된 각 데이터 집합을 반복할 수 있습니다.
서블릿 작성의 간단한 예를 제공하세요:
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 다운로드
코드 다운로드
위 내용은 jquery에서 $.getJSON 사용 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!