Javascript 移动更改页面错误-Jquerymobile

我有一个页面，在从外部php文件获取列表后创建listview。当我点击页面上的一个按钮（弹出一个对话框），然后关闭对话框时，列表显示我如何解决这个问题

HTML //带有listview的页面

JAVASCRIPT//从外部源获取信息以生成列表

function getClubs() {
$.ajax({
url: 'some url',
crossDomain: true,
type: 'post',
data: '',
success: function (data) {
$('#ccontent').empty();
var json = jQuery.parseJSON(data);
for (var i = 0; i < json.length; i++)
$('#ccontent').append('<li><a href="#" data-club-id=\"' + json[i].id + '\" rel="external">' + json[i].name + '</a></li>');
$('#ccontent').listview('refresh');
},
});
}

---

页面是在单个HTML文件中（多页方法）还是在不同的HTML文件中（多页方法）？@TolisEmmanouilidis单个HTML文件为什么要在表单提交成功功能上刷新ccontent列表（

$（“#ccontent”）。listview（'refresh'）；

）？因为在用户提交后，他们提交的东西应该添加到列表编辑中：有没有一种方法，在提交之后，整个页面都会刷新？为什么要使用

.ready（）

？你关闭对话框，它会把你带到哪一页，同一页？

<div data-role="page" id="create">
<div data-role="header">
    <h1>Create</h1>
</div>
<div data-role="content">
    <form id="name" align="left">
        <label for="name">Name:</label>
        <input type="text" id="name" name="name" value=""/>
        <input type="submit" value="Submit" data-inline="true">
    </form>


    <div id="result" style="visibility: hidden"></div>
</div>
</div>

$("#name").submit(function (e) {
e.preventDefault();
$.ajax({
url: 'some url',
crossDomain: true,
type: 'post',
data: $("#name").serialize(),
success: function (data) {
$("#result").html(data);
$('#ccontent').listview('refresh');
},
});
});

function getClubs() {
$.ajax({
url: 'some url',
crossDomain: true,
type: 'post',
data: '',
success: function (data) {
$('#ccontent').empty();
var json = jQuery.parseJSON(data);
for (var i = 0; i < json.length; i++)
$('#ccontent').append('<li><a href="#" data-club-id=\"' + json[i].id + '\" rel="external">' + json[i].name + '</a></li>');
$('#ccontent').listview('refresh');
},
});
}

$('#page-tasklist').ready(function() {
    getClubs();
});