使用phonegap / Jquery / Ajax将XML解析为数据库

时间:2012-12-06 14:17:03

标签: javascript sqlite cordova jquery-mobile xml-parsing

嘿大家我会非常感谢这里的一些帮助,我正在尝试解析XML并将结果放入我正在处理的应用程序的数据库中(Phonegap / JQuery移动应用程序)。有人可以告诉我如何在JS函数内执行此操作吗?

我理解XML的解析过程但是我把它本地存储到SQLlite数据库中有点丢失,而phonelap让你可以访问它。这是我正在使用的XML:

<?xml version="1.0" encoding="UTF-8"?>
 <orders>
    <order>
        <orderId>123456789</orderId>
        <city>Cincinnati</city>
        <state>Ohio</state>
        <zip>45451</zip>
    </order>
 </orders> 

这是一个解析它的JS函数:

        $(document).ready(function(){
    $.ajax({
    type: "GET",
    url: "testOrders.xml",
    dataType: "xml",
    success: function(xml) {
      $(xml).find('order').each(function(){
        orderId = $(this).find("orderId").text();
        city = $(this).find("city").text();
        state = $(this).find("state").text();
        zip = $(this).find("zip").text();
         $("#acceptedOrdersContent").append('<div>');
         $("#acceptedOrdersContent").append('<h3>'OrderId: '+ orderId + '</h3>');
         $("#acceptedOrdersContent").append('<p>');
         $("#acceptedOrdersContent").append('City: '+ city + '<br />');
         $("#acceptedOrdersContent").append('State: '+ state + '<br />');
         $("#acceptedOrdersContent").append('Zip: '+ zip +'<br />');
         $("#acceptedOrdersContent").append('</p>');
         $("#acceptedOrdersContent").append('</div>');
            });
        }
     });
 });

谢谢大家!

1 个答案:

答案 0 :(得分:5)

创建数据库:

var db = openDatabase('PhoneGap_db', '1.0', '', 2 * 1024 * 1024);

创建表格:

db.transaction(function (tx) {
  tx.executeSql('CREATE TABLE IF NOT EXISTS orders (id unique, city, state, zip)');
});

插入表格:

db.transaction(function (tx) {
  tx.executeSql('INSERT INTO orders (id, city, state, zip) VALUES (orderId,city,state,zip)');
});

最好将INSERT置于AJAX的回调中:

$.ajax({
    type: "GET",
    url: "testOrders.xml",
    dataType: "xml",
    success: function(xml) {
      $(xml).find('order').each(function(){
        orderId = $(this).find("orderId").text();
        city = $(this).find("city").text();
        state = $(this).find("state").text();
        zip = $(this).find("zip").text();
        db.transaction(function (tx) {
           tx.executeSql('INSERT INTO orders (id, city, state, zip) VALUES      (orderId,city,state,zip)');
        });
            });
        }
     });
祝你好运!