Php 表格不';提交后不清空字段
目前我正在做一个项目,它有一个连接到外部数据库的表单。 首先,我举了一个例子,只是为了测试它是否有效。这很有效 但是当我尝试实现它时,表单不再为空,而示例确实为空字段。我的代码完全相同,所以我不明白出了什么问题。唯一的区别是一个文件在jquery mobile/phonegap文件夹中,另一个在我的htdocs上 (它确实有效,但它唯一没有做的就是在提交后清空表单输入字段,这让用户感到困惑) 这是我的密码: HTML:Php 表格不';提交后不清空字段,php,jquery,html,jquery-mobile,cordova,Php,Jquery,Html,Jquery Mobile,Cordova,目前我正在做一个项目,它有一个连接到外部数据库的表单。 首先,我举了一个例子,只是为了测试它是否有效。这很有效 但是当我尝试实现它时,表单不再为空,而示例确实为空字段。我的代码完全相同,所以我不明白出了什么问题。唯一的区别是一个文件在jquery mobile/phonegap文件夹中,另一个在我的htdocs上 (它确实有效,但它唯一没有做的就是在提交后清空表单输入字段,这让用户感到困惑) 这是我的密码: HTML: 函数onBodyLoad(){ 文件。添加的监听器(“deviceread
函数onBodyLoad(){
文件。添加的监听器(“deviceready”,OnDeviceraddy,false);
}
名称
水果
格罗恩特
哭泣
杜尔
水果
格罗恩特
哭泣
Js文件:
var url = "http://example.com/";
console.log("first page initialized");
$.ajax({
type: "POST",
url: url + "complex.php",
cache: "false",
dataType: "json",
success: function(phpData){
console.log("Complex: " + phpData);
$("#showData2").append("<b>" + phpData.comments[0].sport + "</b>");
$.each(phpData.comments, function(index, berichtje){
console.log(berichtje);
$("#mylist").append(
"<tr>" +
"<td>" + berichtje.fruit + "</td>" +
"<td>" + berichtje.groente + "</td>" +
"<td>" + berichtje.beweging + "</td>" + "</tr>"
);
});
$('#mylist').listview('refresh');
},
error: errorHandling
});
function infoOverzicht(){
var data = $('form#overzicht').serialize();
$('form#overzicht').unbind('submit');
$.ajax({
url: "http://example.com/save.php",
type: 'POST',
data: data,
beforeSend: function() {
},
success: function(data, textStatus, xhr) {
},
error: function(xhr, textStatus, errorThrown) {
}
});
return false;
}
function errorHandling(){
console.log('er gaat iets fout');
}
var url=”http://example.com/";
console.log(“第一页已初始化”);
$.ajax({
类型:“POST”,
url:url+“complex.php”,
缓存:“false”,
数据类型:“json”,
成功:函数(phpData){
日志(“复杂:+phpData”);
$(“#showData2”).append(“+phpData.comments[0].sport+”);
$。每个(phpData.comments,函数(索引,berichtje){
控制台日志(berichtje);
$(“#mylist”)。附加(
"" +
“+berichtje.fruit+”+
“+berichtje.groente+”+
“+berichtje.beweging++”
);
});
$('#mylist')。列表视图('refresh');
},
错误:错误处理
});
函数infoOverzicht(){
var data=$('form#overzicht').serialize();
$('form#overzicht')。解除绑定('submit');
$.ajax({
url:“http://example.com/save.php",
键入:“POST”,
数据:数据,
beforeSend:function(){
},
成功:函数(数据、文本状态、xhr){
},
错误:函数(xhr、textStatus、errorshown){
}
});
返回false;
}
函数errorHandling(){
控制台日志(“er gaat iets fout”);
}
我尝试过这样的解决方案,但没有成功:
有人知道我做错了什么吗?
这可能是一些愚蠢的小事,但我找不到它,哈哈。这里的问题是你的
success(){}
方法是空的。如果你不让它做任何事,它也不会做任何事
如果您确实尝试了中列出的解决方案,那么您应该展示您的工作,这样我们就可以看到您尝试了什么。现在,您的代码甚至尝试执行您想要的操作,因此它肯定不会执行。:)
谷歌搜索“用jQuery重置表单”得到了一些结果。这很好
选择其中一个,把它放在你的
success(){}
中,你应该没事。这里的问题是你的success(){}
方法是空的。如果你不让它做任何事,它也不会做任何事
如果您确实尝试了中列出的解决方案,那么您应该展示您的工作,这样我们就可以看到您尝试了什么。现在,您的代码甚至尝试执行您想要的操作,因此它肯定不会执行。:)
谷歌搜索“用jQuery重置表单”得到了一些结果。这很好
选择其中一个,将其放入您的success(){}
中,您应该会很好。也可以尝试:
$('form#overzicht input').val('');
也可以尝试:
$('form#overzicht input').val('');
提交表单后,我通过重定向到另一个页面“解决”了我的问题(这是应用程序所需要的,不是最好的解决方案,但它很有效)…)
谢谢你的帮助 提交表单后,我通过重定向到另一个页面“解决”了我的问题(这是应用程序所需要的,不是最好的解决方案,但它很有效)
谢谢你的帮助 我这样使用它:success:function(data,textStatus,xhr){$(“#overzicht”).trigger('reset');},但它不起作用。我的另一个html文件(具有完全相同的html和jquery代码)运行良好…来吧,伙计,帮帮我。“不起作用”是含糊不清的。你有PHP错误吗?电话一定会响吗?您是否进行过任何调试,比如在success中放入console.log()?网络请求失败了吗?jQuery能否正确地找到$('#overzicht')?重置事件触发了吗?我是这样使用的:success:function(data,textStatus,xhr){$(“#overzicht”).trigger('reset');},但它不起作用。我的另一个html文件(具有完全相同的html和jquery代码)工作得很好……来吧,伙计,他说
$('form#overzicht input').val('');