ajax请求不起作用 [英] ajax request not working

问题描述

我想用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屋！