AJAX - $.get( url, [data], [success], [type] )

2024-04-27 15:18:02

字體：大中小

來源：轉載

供稿：網友

$.get(url,data,success(response,status,xhr),dataType)

url：必需。規定將請求發送的哪個 URL。

data：可選。規定連同請求發送到服務器的數據。

success(response,status,xhr)：可選。規定當請求成功時運行的函數。

額外的參數：

response - 包含來自請求的結果數據?

status - 包含請求的狀態?

xhr - 包含 xmlHttPRequest 對象 dataType：可選。規定預計的服務器響應的數據類型。

默認地，jQuery 將智能判斷。

可能的類型：”xml”“html”“text”“script”“json”“jsonp”

【jsp頁面】

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <base href="<%=basePath%>"> <title>My JSP 'post.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keyWords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page">  <script type="text/Javascript" src="./scripts/jquery-1.7.2.js"></script> <script type="text/javascript"> var url =""; var queryString = ""; $(function(){ $("input[type='button']").click(function(){ url = $("#editform").attr("action"); queryString = $('#editform').serialize(); $.get(url+"?querystring="+queryString,queryString,function(data){//querystring=username=yanshi02&password=123456&username=yanshi02&password=123456//resultJson ...{"username":"yanshi02","querystring":"username=yanshi02","password":"123456"} //$.get(url+"?querystring="+queryString,function(data){ //querystring=username=yanshi02&password=123456 //resultJson ...{"querystring":"username=yanshi02","password":"123456"} //$.get(url,queryString,function(data){ //username=yanshi02&password=123456 //resultJson ...{"username":"yanshi02","password":"123456"} alert(data); } ,"json"); }); }); </script> </head> <body> This is my JSP page. <br> <form id="editform" action="postServlet2" method="get"> <input type="text" name="username" value=""/> <input type="password" name="password" value=""/> </form> <input name="post" type="button" value="提交"/> </body></html>

如下圖標明：

get方式數據都在Query String Parameters里面！！！

這里寫圖片描述

【后臺接收思路】：

① 使用request.getParameterMap;

該方法不分Form Data or Query String Parameters , 而是將數據以Map<String,String[]>返回。同名稱的key對應的值，組成一個String[ ];

參考前篇post 的后臺接收方法2：后臺接收方法2 http://blog.csdn.net/j080624/article/details/54946974

② 使用request.getQueryString;

package com.atgui.Ajax.app.servlet;import java.io.IOException;import java.io.PrintWriter;import java.util.HashMap;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import org.codehaus.jackson.map.ObjectMapper;public class GetServlet extends HttpServlet { /** * Destruction of the servlet. <br> */ public void destroy() { super.destroy(); // Just puts "destroy" string in log // Put your code here } public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doPost(request, response); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html"); PrintWriter out = response.getWriter(); //拿到$("#editform").serialize(); String jsonString =request.getQueryString() ; System.out.println(jsonString); //通過拿到的querystring轉換為map HashMap<String, Object> map = getMapFromQueryString(jsonString); //將轉換得到的map轉換為json并返回 ObjectMapper objectMapper = new ObjectMapper(); String resultJson = objectMapper.writeValueAsString(map); System.out.println("resultJson ..."+resultJson); out.print(resultJson); out.flush(); out.close(); } public void init() throws ServletException { // Put your code here System.out.println("getServlet init()...."); } public HashMap<String, Object> getMapFromQueryString(String queryString) { //這個方法可能不適用你 HashMap map = new HashMap<String, String>(); String[] qStrings = queryString.split("&"); for (String string : qStrings) { String[] qStrings2 = string.split("="); map.put(qStrings2[0], qStrings2[1]); } return map; }}

result as follows ：

getServlet init()....username=yanshi02&password=123456resultJson ...{"username":"yanshi02","password":"123456"}

題外話

上面所傳輸的數據格式為username=yanshi02&password=123456。

如果傳輸的數據為JSON形式呢？

queryString = $('#editform').serializeArray();//objectqueryString = JSON.stringify(queryString);//string

請看下一篇JSON形式【http://blog.csdn.net/J080624/article/details/54949773】

上一篇：splice()方法功能

下一篇：頁面彈出框，文件上傳