Javascript Ajax工作不好
我正在尝试使用Ajax提交表单,但它不起作用。这里是我的Ajax:Javascript Ajax工作不好,javascript,jquery,ajax,Javascript,Jquery,Ajax,我正在尝试使用Ajax提交表单,但它不起作用。这里是我的Ajax: $(document).ready(function(){ $("#submit").click(function(event){ var ad1 = $("#ad1").val(); var ad2 = $("ad2").val(); var city = $("city").val(); var state = $("state").val(); var zip = $("zip").val(); var country
$(document).ready(function(){
$("#submit").click(function(event){
var ad1 = $("#ad1").val();
var ad2 = $("ad2").val();
var city = $("city").val();
var state = $("state").val();
var zip = $("zip").val();
var country = $("country").val();
var mm = $("mm").val();
var dd = $("dd").val();
var yy = $("yy").val();
var lname = $("lname").val();
// Returns successful data submission message when the entered information is stored in database.
var dataString = 'name1='+ name + '&ad11='+ ad1 + '&ad21='+ ad2 + '&city1='+ city + '&state1='+ state + '&zip1='+ zip + '&country1='+ country + '&mm1='+ mm + '&yy1='+ yy + '&dd1='+ dd + '&lname1=';
if(name=='')
{
alert("");
}
else
{
// AJAX Code To Submit Form.
$.ajax({
type: "POST",
url: "action.php",
data: dataString,
cache: false,
success: function(result){
alert(result);
}
});
}
return false;
});
});
它并没有给出任何结果,只是在标题中给出了数据
结果是:
我将javascript复制到表单页面,它现在正在工作,但是ajax返回一个空白警报,而它应该是“表单已成功提交” 我想这是包含文件的错误,但我使用的是正确的目录
下面是action.php:
<?php
$con = mysqli_connect("server","user","pass","db");
$name=$_POST['name1'];
$ad1=$_POST['ad11'];
$ad2=$_POST['ad21'];
$city=$_POST['city1'];
$state=$_POST['state1'];
$zip=$_POST['zip1'];
$country=$_POST['country1'];
$mm=$_POST['mm1'];
$dd=$_POST['dd1'];
$yy=$_POST['yy1'];
$dob=$dd."/".$mm."/".$yy;
$mm=$_POST['mm1'];
$name=$_POST['name1'];
$lname=$_POST['lname1'];
$r2=rand(10000,90000);
$query = mysqli_query($con,"insert into users values('$r2','$name','$lname','$ad1','$ad2','$city','$state','$zip','$country','$dob')");
mysqli_close($con);
echo "Form Submitted Succesfully";
?>
此name
变量未在ajax文件中定义var dataString='name1='+name+
,因此name
将是一个空字符串
=>if(名称=='')
{
警报(“”);
}
已执行。请将字符串添加到警报中并再次检查:)在click()
处理程序中添加event.preventDefault()
。它会给出与使用表单相同的结果外观(只是猜测,没有附带的HTML无法判断)。不要处理点击,处理提交事件,例如$('form-selector')。在('submit',function(e){e.preventDefault();…
上,您的选择器对于大多数.val()
调用也是错误的(除非您有元素
,
等),ajaxurl
属性不应该是“action.php”而不是“ajaxsubmit.php”吗?