`
sillycat
  • 浏览: 2539165 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

Mobile Jquery(III)jquery mobile with json

阅读更多
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


分享到:
评论

相关推荐

    jQuery、jQueryUI及jQueryMobile技巧与示例

    资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...

    jquery mobile listview动态加载json

    jquery mobile listview动态加载json

    jQuery Mobile 所需要的部署文件

    jQuery Mobile 是一个轻量级的、基于 jQuery 库的框架,专为移动设备上的网页应用设计,它提供了丰富的用户界面(UI)组件和交互效果,让开发者能够快速构建响应式和触控友好的Web应用程序。这个资源包以“Hello ...

    jquery mobile datepicker 手机端日期选择器

    《jQuery Mobile Datepicker:手机端日期选择器深度解析》 在移动应用开发中,日期选择器是一个不可或缺的组件,它提供了用户友好的界面,让用户能够方便地选择日期。jQuery Mobile Datepicker 是一个专为手机端...

    jQuery Mobile API文档

    jQuery Mobile API文档。jQuery Mobile是jQuery框架的一个组件(而非jquery的移动版本)。jQuery Mobile是一款基于HTML5的用户界面系统,旨在使所有智能手机,平板电脑和桌面设备上都可以访问的响应网站和应用。...

    Jquery mobile 从设计到开发

    jQuery Mobile 是一个广泛使用的框架,特别适合于移动设备和桌面浏览器。它允许开发者使用HTML5、CSS3和JavaScript来创建响应式网页应用。这个框架之所以在移动开发中受到青睐,是因为它可以将现有的网页转换成触摸...

    Master Mobile Web Apps with jQuery Mobile

    - **标题:“Master Mobile Web Apps with jQuery Mobile”** - **核心概念**:此书旨在教授读者如何利用jQuery Mobile这一框架来开发高质量的移动Web应用程序。 - **目标受众**:本书适合对移动Web应用开发感兴趣...

    jQuery mobile相册的一种样式

    在IT行业中,jQuery Mobile是一种广泛使用的前端框架,它专门用于构建响应式和触屏友好的移动Web应用。jQuery Mobile提供了一系列的UI组件和交互效果,其中包括我们今天要讨论的主题——相册样式。在这个主题下,...

    jQueryMobile-HTML5模板

    1. **统一的触控体验**:jQuery Mobile提供了一套跨平台的触控事件处理机制,确保在各种设备上的滑动、点击等操作有统一的反馈。 2. **自动页面导航**:通过数据-URL(data-url)属性和页面容器,jQuery Mobile可以...

    jQuery mobile相册

    jQuery Mobile相册是一种基于jQuery Mobile框架的移动应用组件,它为用户提供了一种优雅的方式来展示和浏览图片集,尤其适用于移动设备。jQuery Mobile是jQuery库的一个分支,专为触摸设备优化,提供了一套完整的UI...

    JQuery Mobile with JQuery UI widgets date.rar

    JQuery Mobile with JQuery UI widgets date.rar http://forum.jquery.com/topic/mixing-jquery-mobile-with-jquery-ui-widgets-don-t

    jquery mobile 1.4.1版

    《jQuery Mobile 1.4.1版:移动开发的核心组件》 jQuery Mobile 是一个功能强大的前端框架,专门针对移动设备的网页开发而设计。在1.4.1版本中,它提供了一系列优化的CSS和JavaScript文件,使得开发者能够快速、...

    jquerymobile设计完整例子

    **jQuery Mobile 设计详解** jQuery Mobile 是一个轻量级、响应式的前端框架,专为触摸设备的网页设计和开发而构建。它简化了创建移动友好的网页应用的过程,提供了丰富的组件和交互效果,使得开发者可以快速构建...

    jQuery Mobile参考手册

    2.jQuery Mobile 构建于 jQuery 以及 jQuery UI类库之上,如果您了解 jQuery,您可以很容易的学习 jQuery Mobile。 3.jQuery Mobile 使用了极少的 HTML5、CSS3、JavaScript 和 AJAX 脚本代码来完成页面的布局渲染。...

    jquery mobile官方git资源

    《jQuery Mobile官方Git资源详解》 在Web开发领域,jQuery Mobile是一个非常重要的框架,它为构建响应式、触摸友好的移动应用提供了强大的工具。本文将深入解析“jquery mobile官方git资源”,并围绕其中的关键知识...

    jQuery mobile滑动式的标题导航

    jQuery Mobile 是一个轻量级、触控优化的前端框架,专为移动设备设计,它提供了一整套构建移动Web应用程序的组件。在这个“jQuery mobile滑动式的标题导航”主题中,我们将深入探讨如何利用jQuery Mobile创建动态且...

    Jquery Mobile 帮助手册

    jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。 jQuery Mobile 可以应用于智能手机与平板电脑。 jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页。

Global site tag (gtag.js) - Google Analytics