1. 程式人生 > >jQuery:AJAX傳JSON資料

jQuery:AJAX傳JSON資料

函式原型:$.ajax({name:value, name:value, … }):預設為非同步請求。

$.ajax(
{
    type: "POST",
    url: "./JsonTestServlet",
    data: {jsonData: JSON.stringify(getFormData())},
    success: function(msg)
    {
        msg = eval("(" + msg + ")");
        //msg = JSON.parse(msg);
        alert(msg.username + " " + msg.pwd);
    },
    error: function(errmsg) 
    {
        alert("提交失敗!");
    }
});

  這裡必須轉換一下,因為後臺傳來的json資料是以字串形式傳過來的。當然這裡使用msg = JSON.parse(msg);也是可以的,JSON.parse()是返回給定 JSON 字串轉換後的物件。,而JSON.stringify()是將json資料轉換成字串。 

   eval() 函式可解析字串,並執行其中的的 JavaScript 程式碼。由於json資料是以”{}”的方式來開始以及結束的,在JS中,它會被當成一個語句塊來處理,所以必須強制性的將它轉換成一種表示式。加上圓括號的目的是迫使eval函式在處理JavaScript程式碼的時候強制將括號內的表示式(expression)轉化為物件,而不是作為語句(statement)來執行。

        在eval或者JSON.parse()時,需要用捕獲異常,當data資料原本就是物件,再用轉成json字串時會有異常丟擲。

參考:

https://blog.csdn.net/qq_20828113/article/details/52331376

相關推薦

jQueryAJAXJSON資料

函式原型:$.ajax({name:value, name:value, … }):預設為非同步請求。 $.ajax( { type: "POST", url: "./JsonTestServlet", data: {jsonData: JSON.s

springMvc中前臺ajaxjson資料後臺controller接受物件為null

一般地,出現這種情況很大一部分原因是對ajax中的引數作用不熟悉或者對@RequestBody註解不熟悉。 在jquery的ajax中,如果沒加contentType:"application/json",那麼data就應該對應的是json物件,反之,如果加了content

Jqueryajax傳輸json資料顯示undefined錯誤

今天在做ajax的時候突然發現一個問題,以前在用Jquery1.3的時候都正常的方法結果現在都不行。 firebug中發現我要的資料已經返回,而且資料顯示正常,但是前臺取值一直都提示undefined

jQuery插件AjaxJson數據自動綁定到Form表單

觸發事件 表單 form表單 col switch 常用語 tex 類型 parse jQuery註冊方法的兩種常用方式: //jQuery靜態方法註冊 //調用方法$.a1() $.extend({ a1: function () { conso

Ajax(form表單檔案上、請求頭之contentType、Ajax傳遞json資料

form表單檔案上傳 上菜 file_put.html <form action="" method="post" enctype="multipart/form-data"> {# 這裡必須要請求頭格式才能把上傳檔案的物件傳過去 enctype="multipart/form-

jQuery使用Ajaxjson至php處理

先看效果圖 這是一個將html頁面的登入資訊通過ajax使用json資料傳送給php頁面,php將資料處理後又將資料傳回html頁面顯示 js程式碼 <script type="text/javascript"> $(function(){

(轉)python 全棧開發,Day75(Django與Ajax,檔案上,ajax傳送json資料,基於Ajax的檔案上,SweetAlert外掛)

昨日內容回顧 基於物件的跨表查詢 正向查詢:關聯屬性在A表中,所以A物件找關聯B表資料,正向查詢 反向查詢:關聯屬性在A表中,所以B物件找A物件,反向查詢 一對多: 按欄位:xx book --

JQuery學習筆記——Ajax全接觸Ajax語法,JSON ,跨域等問題

1、$("div").ajax(); $(document).ready(function(){ $("#b01").click(function(){ htmlobj=$.ajax({url:"/jquery/test1.txt",async:false}); $(

jQuery AJAX獲取JSON資料解析多種方式示例

$(function () { //方式一 Ajax方式獲取Json資料 $.ajax({ url: 'jsondata.ashx?type=1', type:

html->html5->css->javascript(js)->jQuery->AJAX->JSON

快的 用戶 本科 css 電工 detail rop 公開 實時聊天 首先來講HTML,html是很多人接觸到的第一種編寫網頁的語言,小編是在大學本科期間的編程課程上接觸到html的,小小的幾行代碼就能編制出精彩絕倫的網頁,不禁令人贊嘆!HTML的語法自然不用多說,網上教

ajaxJSON數據

json using doc clas 摘要 .post har from form /// <reference path="jquery-1.10.2.js" />$(function () { $("#btnLogin").click(functio

ajaxJSON時設置的contenttype導致JAVA中request.getParameter("")怎麽也接收不到數據

然而 htm 默認 數據 .com bsp quest 怎麽 blog ajax傳JSON時設置的contenttype默認值是application/x-www-form-urlencoded, 當ajax傳JSON時設置的contenttype 如果是applicati

淺談JavaScript、jQueryAJAXJSON 這四個之間的關系

quest sig 出現 情況 put 自己 工具庫 mis ava 1. JavaScript JavaScript(簡稱js)是一種主要運行於瀏覽器中的弱類型的動態腳本語言,可以用來實現網頁上的一些高級功能,如數據驗證處理、頁面動態效果、定時任務、與用戶交互、發送/接收

SpringMvc+Spring4+hibernate框架 ajax提交JSON資料Controller接收

jsp頁面程式碼: $.ajax({             type: "POST",             url: "revise/modifyPass",

AjaxJson資料格式

同步和非同步 同步現象:客戶端傳送請求到伺服器端,當伺服器返回響應之前,客戶端都處於等待     卡死狀態 非同步現象:客戶端傳送請求到伺服器端,無論伺服器是否返回響應,客戶端都可以隨     意做其他事情,不會被卡死 Aj

用postman模擬ajax傳送json資料的筆記

header是這個: 但是你後臺,你知道嗎,用request.getParameter("sysName");是接受不到的, 因為json串在requset的body中。如果不用@RequsetBody註解,那就要寫方法從流中讀取引數。 public static String getRequ

原生AJAX 請求JSON資料方式

這裡先給大家一個有實際json資料的連線: https://jsonplaceholder.typicode.com/posts 1.例項化XMLHttpRequest物件 var request; if (window.XMLHttpRequest) {   request = new

form表單ajax提交json資料

前端頁面: <form id="userInfo" > <div class="weui-cell"> <div class="weui-cell__hd"><label class="weui-lab

SpringMVC筆記九之ajax請求json資料

1、匯入jackson-annotations-2.2.1.jar,jackson-core-2.2.1.jar,jackson-databind-2.2.1.jar三個jar包,注意他們的版本要一致,不然會報錯。https://download.csdn.net/downl

利用Ajax獲取JSON資料

JSON物件與JSON字串的相互轉換 //JSON物件 屬性名必須使用雙引號包起來 var obj={"a":1,"b":2}; var ary=[{"a":1,"b":2},{"a":10,"b":20},{"a":100,"b":200}]; //JSON字串:將JS