Jquery 创建ajax联系人表单。
我创建了一个ajax联系人表单,它与responseText有问题。当我点击提交按钮发送数据时。相反,为了显示响应文本,它显示如下Jquery 创建ajax联系人表单。,jquery,ajax,ajaxform,Jquery,Ajax,Ajaxform,我创建了一个ajax联系人表单,它与responseText有问题。当我点击提交按钮发送数据时。相反,为了显示响应文本,它显示如下 (函数(html){html.className=html.className.replace(/\bno js\b/,'js')})(document.documentElement);未找到页面–;杰米大学… Ajax代码。 下面是一些我用来获取表单数据的jQuery代码 jQuery(document).ready(function(){
(函数(html){html.className=html.className.replace(/\bno js\b/,'js')})(document.documentElement);未找到页面–;杰米大学…
Ajax代码。
下面是一些我用来获取表单数据的jQuery代码
jQuery(document).ready(function(){
var form =jQuery('#ajax-contact');
var formMessages= jQuery('#form_messages');
jQuery(form).submit(function(event){
event.preventDefault();
var formData=jQuery(form).serialize();
jQuery.ajax({
type: 'POST',
ulr: jQuery(form).attr('action'),
data: formData
}).done(function(response){
// make sure message is success
jQuery(formMessages).removeClass('error');
jQuery(formMessages).addClass('success');
//set message text
jQuery(formMessages).text(response);
// clear form fields
jQuery('#name').val('');
jQuery('#email').val('');
jQuery('#message').val('');
}).fail(function(data){
// make sure message is error
jQuery(formMessages).removeClass('success');
jQuery(formMessages).addClass('error');
// set message text
if(data.responseText !== ''){
jQuery(formMessages).text(data.responseText);
}
else{
jQuery(formMessages).text('an error has been occured');
}
}); }); });
HTML代码
<div id="form_messages"> </div>
<form id="ajax-contact" method="post" action="mailer.php">
<div class="field">
<label for="name">Name:</label>
<input type="text" name="name" id="name" required="required">
</div>
<div class="field">
<label for="email">Email:</label>
<input type="email" name="email" id="email" required="required">
</div>
<div class="field">
<label for="message">Message:</label>
<textarea id="message" name="message" required="required">
</textarea>
</div>
<br>
<input type="hidden" name="recipient" value="'.$recipient.'">
<input type="hidden" name="subject" value="'.$subject.'">
<div class="field">
<input type="submit" name="contact_submit" value="Send" >
</div>
</form>
姓名:
电邮:
信息:
mailer.php
<?php echo "Hello world"; ?>
没有必要提供更多细节,但stackoverflow并没有要求我发布信息较少的问题。所以这些上下文属于我的问题在AJAX调用中将“ulr”更改为“url”
jQuery.ajax({
type: 'POST',
url: jQuery(form).attr('action'),
data: formData
})
但我仍然有这样的问题。那么您可能没有
mailer.php
文件,或者它的位置不同。