我正在使用query.form.js将联系表单发送到php脚本,该脚本通过电子邮件向我发送用户输入的信息。
表单工作并发送电子邮件,但是当我在我的网站上的根目录而不是更新响应div说消息已成功发送时,它会转发到PHP页面处理请求告诉我它工作
我将我的网站的精确副本上传到我的网络服务器的子目录中以对其进行处理,令我惊讶的是它完美地工作,按预期更新响应div。有没有明显的理由我可能会被忽视?所有目录都是相对的。
形式:
<div id="form_wrap"> <br> <form id="contactform" action="contact/processForm.php" method="post"> <table> <tr> <td><label for="name">Name:</label></td> <td><input type="text" id="name" name="name" /></td> </tr> <tr> <td><label for="email">Email:</label></td> <td><input type="text" id="email" name="email" /></td> </tr> <tr> <td><label for="subject">Subject:</label></td> <td> <div class="selectParent"> <select id="subject"> <option value="quote">Request a quote</option> <option value="question">Question</option> <option value="hello">Just saying hello</option> </select> </div> </td> </tr> <tr> <td><label for="message">Message:</label></td> <td><textarea id="message" name="message" rows="5" cols="20"></textarea></td> </tr> <tr> <td></td> <td><input type="submit" value="Send It!" id="send" /></td> </tr> </table> </form> <div id="response"></div> </div>
Ajax电话:
submitHandler: function(form) {
$("#send").attr("value", "Sending...");
$(form).ajaxSubmit({
target: "#response",
success: function(responseText, statusText, xhr, $form) {
$(form).slideUp("fast");
$("#response").html(responseText).hide().slideDown("fast");
}
});
return false;
}