web动态加载html,从Web API获取JSON数据后，在页面加载时动态添加新的HTML元素

从web api获取数据非常容易。试试这个代码。它会解决你的问题，

通过jquery mobile非常容易。你可以使用普通的Ajax和一些JSON来完成你的工作。我用php服务器完成了。这里是示例代码，

通过jquery向服务器发送请求。

$.ajax({

url: ,

dataType: 'jsonp',

jsonp: 'jsoncallback',

timeout: 5000,

success: function(data, status){

/*Process your response here*/

jsonresults = data;

$.each(jsonresults, function(i,v){

$('#main-content').append('

'+jsonresults[i].name+'');

});

$.mobile.changePage($('#index')); /*page navigate the particular where data shown*/

$("#index").trigger("pagecreate"); /*This is like a page refresh and load the injected data in jquery*/

}

});在php服务器文件中，

$data="I am sending response to you";

/*you have to mention this callback compulsory*/

echo $_GET['jsoncallback'] . '(' . json_encode($data) . ');';

?>