使用JavaScript建立JSON格式字串實作步驟_javascript技巧

如果你現在正在使用Restful API，並且你需要透過web專案來建立json格式字串的回應，那麼這篇文章將幫助你使用javascript來創建json格式字串。這是非常有用的，我們將透過jQuery外掛$.toJSON把資料物件轉換為json格式。

使用JavaScript建立JSON格式字串
JavaScript程式碼:
在這裡包含了javascript程式碼。 $(“#form”).submit(function(){}- delete_button是form標籤的ID，我們透過element.val()呼叫表單輸入框的值。程式碼如下：

複製程式碼 程式碼如下:

">


HTML程式碼:

複製程式碼

程式碼如下: Name Email

Password

Gender
Male Female
Websites







JSON輸出

複製代碼

代碼如下: { "userDetails":{ "user":{ "name":"Srinivas Tamada",

" email":"srinivas@9lessons.info",

"password":"Srinivas Tamada",
"gender":"male",
"websites":["www.software8.co", "www.heatpress123.net","www.0769zzw.com"]
}
}
}


JSON Encoded

對特殊字元進行編碼，會把以下字元進行編碼
：

複製代碼

代碼如下: 代碼如下:

/ ? : @ & = $ #

jsondata={"userDetails":{"user":{"name":"Srinivas Tamada","email":"srinivas@9lessons.info","password":" Srinivas Tamada","gender":"male","websites":["www.9lessons.info","www.egglabs.in","www.fglogin.com"]}}}


GetPostAjax.js

這裡定義了jquery的ajax請求方法。

複製程式碼 程式碼如下:

function post_data(url,encodedata, success){
$.ajax({
type:"POST",
url:url,
data :encodedata,
dataType:"json",
restful:true,
contentType: 'application/json',
cache:false,
超時:20000,
async:true,
超時:20000,
async:true,
beforeSend :函數(data) { },
成功:函數(data){
success.call(this, data);
},
錯誤:函數(data){
警報("連結錯誤");
}
});

}