ajax请求不起作用 [英] ajax request not working
本文介绍了ajax请求不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想用ajax请求提交表单,但它不能正常工作!!我看不到任何错误,但它不能正常工作我的代码在这里
I want to submit form with ajax request but its not working !! I cant see any error but its not working my code is here
$(document).ready(function() {
$("#btn").click(function(){
var name = $("#inputname").val();
var email = $("#inputEmail").val();
var feed = $("#feedback").val();
var send = "InputName=" + name + "&InputEmail=" + email + "&Feedback=" + feed ;
alert(send);
$.ajax({
url:"Feedback_conx.php",
type:"POST",
data:send,
success: function(data1){
$("#disp").html(data1);
}
})
});
});
和php文件是
and php file is
<?php
include_once("db_conx.php");
$name = $_POST['InputName'];
$email = $_POST['InputEmail'];
$feedback = $_POST['Feedback'];
if($name && $email && $feedback !=""){
$sql = "INSERT INTO feedback(Name,Email,Feedback)VALUES('$name','$email','$feedback')";
$query = mysqli_query($con,$sql);
echo "<div class='alert alert-dismissable alert-success'>
Thank you for giving your valueable feedback to us!
</div>";
}
else
{
echo "<div class='alert alert-dismissable alert-danger'>
Please enter the all form details
</div>";
}
?>
< br $>
html文件
html file
<div class="row">
<form class="form-horizontal col-lg-5" id="frmfeed" name="frmfeed">
<fieldset>
<legend>Feedback </legend>
<div class="form-group">
<label for="inputEmail" class="col-lg-2 control-label">Name</label>
<div class="col-lg-10">
<input class="form-control" id="inputname" name="InputName" placeholder="Name" type="text">
</div>
</div>
<div class="form-group">
<label for="inputEmail" class="col-lg-2 control-label">Email</label>
<div class="col-lg-10">
<input class="form-control" id="inputEmail" name="InputEmail" placeholder="Email" type="text">
</div>
</div>
<div class="form-group">
<label for="feedback" class="col-lg-2 control-label">Feedback</label>
<div class="col-lg-10">
<textarea class="form-control" rows="3" id="feedback" name="Feedback"></textarea>
</div>
</div>
<div class="form-group">
<div class="col-lg-10 col-lg-offset-2">
<button class="btn btn-default" type="reset" name="cancelbtn" id="cancelbtn">Cancel</button>
<button type="submit" class="btn btn-primary" name="btn" id="btn">Submit</button>
</div>
</div>
</fieldset>
</form>
<div id="disp" class="col-lg-5">
</div>
</div>
推荐答案
( document )。ready( function (){
(document).ready(function() {
(< span class =code-string> #btn)。click( function (){
var name =
("#btn").click(function(){ var name =
( #inputname)。val();
var email =
("#inputname").val(); var email =
这篇关于ajax请求不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文