Mobile Jquery(III)jquery mobile with json

最新推荐文章于 2021-01-27 02:42:29 发布

原创最新推荐文章于 2021-01-27 02:42:29 发布 · 172 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json #jQuery #Mobile #ViewUI

Mobile Platform 专栏收录该内容

57 篇文章

订阅专栏

本文探讨了在移动开发中如何使用jQuery与JSON进行数据交互，包括表单验证、删除操作及JSON对象与字符串的转换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Mobile Jquery(III)jquery mobile with json

1. Form validation
<form method="post" rel="external" action="index.php" onsubmit="return checkForm();">

<a rel="external" href="javascript:deleteEntry($id)">Delete this entry</a>

validate JS
function checkForm() {
try {
if ($.trim($('#person').val()) == "" ||
$.trim($('#contact').val()) == "" ||
$.trim($('#description').val()) == "") {
alert("Please enter all fields");
return false;
}
} catch (e) {
alert(e);
return false;
}
return true;
}

function deleteEntry(id) {
try {
var confirmString = "Delete this entry. Are you sure?\n" + $.trim($('#person').val()) + "\n" + $.trim($('#contact').val()) + "\n" + $.trim($('#description').val());
if (window.confirm(confirmString)) {
window.location="index.php?action=delete&id=" + id;
}
} catch (e) {
alert(e);
return false;
}
return true;
}

2. JSON style
object { string1 : value1 , string2 : value2}
array [ value1, value2 ]

function showJSON() {
var user =
{
"username":"andy",
"age":20,
"info": { "tel": "123456", "cellphone": "98765"},
"address":
[
{"city":"beijing","postcode":"222333"},
{"city":"newyork","postcode":"555666"}
]
}

alert(user.username);
alert(user.age);
alert(user.info.cellphone);
alert(user.address[0].city);
alert(user.address[0].postcode);

user.username = "Tom";
alert(user.username);
}

Object to String
function showCar() {
var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow");
var carr_str = JSON.stringify(carr);
alert(carr_str);
}

function Car(make, model, year, color) {
this.make = make;
this.model = model;
this.year = year;
this.color = color;
}

String to Object
function myEval1() {
var str = '{ "name": "Violet", "occupation": "character" }';
var obj = eval('(' + str + ')');
alert(obj.name);
}

or

function myEval2() {
var str = '{ "name": "Violet", "occupation": "character" }';
var obj = JSON.parse(str);
alert(obj.occupation);
}

references:
http://www.ibm.com/developerworks/cn/xml/tutorials/x-jquerymobilejsontut/
http://www.json.org/json-zh.html
http://dev.firnow.com/course/3_program/java/javajs/20090830/172957.html
http://hi.baidu.com/%B4%F3%CE%B0/blog/item/49a0b545a618fd36cefca343.html