반응형
jQuery를 사용하여 JSON 객체를 만드는 방법
아래 형식의 JSON 개체가 있습니다.
temp:[
{
test:'test 1',
testData: [
{testName: 'do',testId:''}
],
testRcd:'value'
},
{
test:'test 2',
testData: [
{testName: 'do1',testId:''}
],
testRcd:'value'
}
],
위 형식의 jquery에서 JSON 객체를 어떻게 만들 수 있습니까? 동적 JSON 개체를 만들고 싶습니다.
다음과 같이 객체에 데이터를 넣으십시오.
var myObject = new Object();
myObject.name = "John";
myObject.age = 12;
myObject.pets = ["cat", "dog"];
나중에 다음을 통해 문자열 화합니다.
var myString = JSON.stringify(myObject);
이를 위해 jQuery가 필요하지 않습니다. 순수한 JS입니다.
"JSON 객체"는 의미가 없습니다. JSON 은 Javascript 객체 선언의 구조를 기반으로하는 교환 형식입니다.
자바 스크립트 객체를 json 문자열로 변환하려면 JSON.stringify(yourObject)
;
자바 스크립트 객체를 생성하려면 다음과 같이하면됩니다.
var yourObject = {
test:'test 1',
testData: [
{testName: 'do',testId:''}
],
testRcd:'value'
};
나는 그가 새로운 json을 디렉토리에 쓰도록 요구하고 있다고 생각합니다. 자바 스크립트 와 PHP 가 필요합니다 . 따라서 다른 답변을 피기하십시오.
script.js
var yourObject = {
test:'test 1',
testData: [
{testName: 'do',testId:''}
],
testRcd:'value'
};
var myString = 'newData='+JSON.stringify(yourObject); //converts json to string and prepends the POST variable name
$.ajax({
type: "POST",
url: "buildJson.php", //the name and location of your php file
data: myString, //add the converted json string to a document.
success: function() {alert('sucess');} //just to make sure it got to this point.
});
return false; //prevents the page from reloading. this helps if you want to bind this whole process to a click event.
buildJson.php
<?php
$file = "data.json"; //name and location of json file. if the file doesn't exist, it will be created with this name
$fh = fopen($file, 'a'); //'a' will append the data to the end of the file. there are other arguemnts for fopen that might help you a little more. google 'fopen php'.
$new_data = $_POST["newData"]; //put POST data from ajax request in a variable
fwrite($fh, $new_data); //write the data with fwrite
fclose($fh); //close the dile
?>
How to get append input field value as json like
temp:[
{
test:'test 1',
testData: [
{testName: 'do',testId:''}
],
testRcd:'value'
},
{
test:'test 2',
testData: [
{testName: 'do1',testId:''}
],
testRcd:'value'
}
],
Nested JSON
object
var data = {
view:{
type: 'success', note:'Updated successfully',
},
};
You can parse this data.view.type
and data.view.note
JSON
Object and inside Array
var data = {
view: [
{type: 'success', note:'updated successfully'}
],
};
You can parse this data.view[0].type
and data.view[0].note
var model = {"Id": "xx", "Name":"Ravi"};
$.ajax({ url: 'test/set',
type: "POST",
data: model,
success: function (res) {
if (res != null) {
alert("done.");
}
},
error: function (res) {
}
});
참고URL : https://stackoverflow.com/questions/11078324/how-to-create-json-object-using-jquery
반응형
'developer tip' 카테고리의 다른 글
임베디드 개발에 C ++ 대신 C를 사용하는 이유가 있습니까? (0) | 2020.10.13 |
---|---|
C # /. NET 프로그램 최적화를위한 팁 (0) | 2020.10.13 |
Windows 시작시 WAMP가 자동으로 시작되도록합니다 (로그온 또는 UAC 간섭없이). (0) | 2020.10.13 |
Spring Boot : PasswordEncoder를 지정하는 방법은 무엇입니까? (0) | 2020.10.13 |
jQuery .hide ()와 .css ( "display", "none")의 차이점 (0) | 2020.10.12 |