Javascript jquery表单结果不显示。我的代码错了吗?
我的状态有困难。在我的一页上有一张表格。您输入信息,单击submit,它会返回一些结果。嗯,它应该会返回一个结果。目前,它似乎什么也没做。但是,如果我在开发人员工具中检查标题响应,它会显示结果。所以我知道他们被正确地调用了,他们只是没有出现在网页上 以下是呼叫代码:Javascript jquery表单结果不显示。我的代码错了吗?,javascript,jquery,css,ajax,output,Javascript,Jquery,Css,Ajax,Output,我的状态有困难。在我的一页上有一张表格。您输入信息,单击submit,它会返回一些结果。嗯,它应该会返回一个结果。目前,它似乎什么也没做。但是,如果我在开发人员工具中检查标题响应,它会显示结果。所以我知道他们被正确地调用了,他们只是没有出现在网页上 以下是呼叫代码: $content .= ' <script type="text/javascript"> var $j = jQuery.noConflict(); $j(window)
$content .= '
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(window).load(function(){
$j("#pubverify-form").submit(function() {
var str = $j(this).serialize();
$j.ajax({
type: "POST",
url: "' . $cs_base_dir . 'verify.php",
data: str,
success: function(msg){
$j("#note").ajaxComplete(function(event, request, settings)
{
$j(this).html(msg);
});
}
});
return false;
});
});
</script>';
$content.='
var$j=jQuery.noConflict();
$j(窗口).load(函数(){
$j(“#pubverify form”).submit(函数(){
var str=$j(this.serialize();
$j.ajax({
类型:“POST”,
url:“'.$cs_base_dir.'verify.php”,
数据:str,
成功:功能(msg){
$j(“#注意”).ajaxComplete(功能(事件、请求、设置)
{
$j(this.html(msg);
});
}
});
返回false;
});
});
';
以下是我认为应该显示结果的代码:
$content .= '<div id="verify-a-rec" class="clear">';
$content .= '<div id="fields">';
$content .= '<h4>Verify A Recommendation</h4>';
$content .= '<div class="verify_search">';
$content .= '<form id="pubverify-form" action="">';
$content .= '<div class="label_wrap_verify"><label class="error" for="search_last_name">Last Name </label>';
$content .= '<div class="input_wrap_verify"><input name="search_last_name" type="text" id="search_last_name"/></div></div>';
$content .= '<div class="label_wrap_verify"><label class="error" for="search_dob">Birthdate (mm-dd-yyyy) </label>';
$content .= '<div class="input_wrap_verify"><input name="search_dob" type="text" id="search_dob"/></div></div>';
$content .= '<div class="label_wrap_verify"><label class="error" for="search_issue_date">Issue Date (mm-dd-yyyy)</label>';
$content .= '<div class="input_wrap_verify"><input name="search_issue_date" type="text" id="search_issue_date"/></div></div>';
$content .= '<div class="button_wrap"><input type="submit" value="Verify" class="button" id="pubverify-submit" /></div>';
$content .= '</form>';
$content .= '</div>';
$content .= '</div>';
$content .= '<div style="clear:both"></div>';
$content .= '<div id="note">';
$content .= '<p>Enter a Recommendation ID and click Verify!</p>';
$content .= '<div class="patient_wrapper">';
$content .= '<div class="results_label">First Name </div>';
$content .= '<div class="results_label">Last Name </div>';
$content .= '<div class="results_label">Date of Birth </div>';
$content .= '<div class="results_label">Issue Date </div>';
$content .= '<div class="results_label">Expiration Date </div>';
$content .= '<div class="results_label">Dr. Information </div>';
$content .= '</div>';
$content .= '</div>';
$content .= '</div>';
return $content;
$content.='';
$content.='';
$content.=“验证建议”;
$content.='';
$content.='';
$content.=“姓氏”;
$content.='';
$content.=“生日(mm dd yyyy)”;
$content.='';
$content.=“发行日期(mm dd yyyy)”;
$content.='';
$content.='';
$content.='';
$content.='';
$content.='';
$content.='';
$content.='';
$content.='输入推荐ID并单击验证 ",;
$content.='';
$content.=“名字”;
$content.=“姓氏”;
$content.=“出生日期”;
$content.=“发行日期”;
$content.='到期日';
$content.='Dr.Information';
$content.='';
$content.='';
$content.='';
返回$content;
有人能帮忙吗 这部分是错误的
$j("#note").ajaxComplete(function(event, request, settings)
{
$j(this).html(msg);
});
您需要删除ajaxComplete代码
$j.ajax({
type: "POST",
url: "' . $cs_base_dir . 'verify.php",
data: str,
success: function(msg){
$j("#note").html(msg);
}
});
你真的不应该像这样把PHP、JavaScript和HTML混在一起。噩梦是由这样的代码造成的。要么将HTML放入一个HEREDOC,要么删除PHP标记并将其作为常规HTML发出。结果会更干净。除此之外,检查JS控制台是否有任何错误消息。@k0pernikus,这是一场噩梦。我并没有创造代码,我是唯一一个去修复所有这些垃圾的人。关于清理代码有什么建议吗?@JeremyJStarcher,我的控制台上目前没有JS错误消息。如果你想维护当前版本,那么将JS放在自己的文件中,将模板放在自己的文件中。如果可以的话,将其转换为MVC结构。如果您的JS需要来自服务器的变量,可以在数据标记中打印它们,在模板中公开JSON/对象,或者让您的JS动态地单独请求所需的信息。但我想知道,从头开始写新东西是否不是更快的事情。完全奏效了!你是我的英雄!愚蠢的ajaxComplete。是不是因为jQuery1.9而不需要它?我认为这是必要的,因为动作已经使用并完成了。因此需要在ajax完成后显示消息。它以前工作过,但我认为我的站点更新了Jquery,并且插件是使用v1.6硬编写的。再次感谢@不,不是因为1.9。
success:
回调函数是任何版本中所需的全部函数。$.ajaxComplete
是分配一个更通用的函数,该函数在任何$.ajax
请求完成时都会被调用。我明白了,你是在其他要求之外这么做的。非常感谢。你减轻了我两天的头痛。