我有一个如下所示的ajax调用,我真的不确定将服务器端内容注入页面的最佳方法。
如果我只是回应表中的同一页面,它可以正常工作。如果我尝试更改页面并注入内容,则会失败。
我已经广泛阅读过,pagecreate,pagecontainer,load,pageinit,pagebeforecreate,pageaftercreate,我不确定是否需要挂钩其中任何一个。
是否可以生成完整的内容页面?或者我是否需要设置接收页面并注入其中。我感兴趣的是大多数钩子来渲染服务器内容的正确练习和事件。
另外我使用phonegap作为包装器我可以注入html并仍然被应用程序商店接受,或者它必须是JSONP。
我无法理解我是否可以导航到新页面并且到达此页面时会加载ajax内容。我希望这是有道理的。
我的下面的ajax调用工作正常,我得到了响应文本,我只是不知道把它放在哪里。目前我正在尝试更改页面并注入导航到页面的表格 - 这不起作用。
$(document).on('pageinit', '#pageone', function(){
$(document).on('click', '#lecreate', function(e) {
e.preventDefault();// catch the form's submit event
var mystring = JSON.stringify(league);
$.ajax({url: 'testjson.php',
data: {mydata : mystring},
type: 'post',
async: 'true',
//dataType: 'jsonp',//sending array not json
beforeSend: function() {
$.mobile.loading( 'show',
{text: 'Loading',
textVisible:true,
theme: 'b',
textonly: false
})
},
complete: function(data) {
$.mobile.loading( 'hide');
console.log(data);
$.mobile.changePage("#pagethree");
$('#table10').html(data);
},
success: function (data) {
},
error: function (request,error) {
// This callback function will trigger on unsuccessful action
alert('Network error ');
}
});
});
});
目前我的内容是HTML。