Question

我的javascript代码无法正常工作我没有收到任何错误但是当我点击提交按钮时没有任何反应我正在看一个视频教程我已经看了两次但是我不知道这里有什么问题

这是index.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
        function gonder() {
         //   $('#sonuc').html("bekle");
            $ajax({
                type:"post",
                url:"ajax.php",
                data:$('ferman').serialize(),
                success:function (msg) {
                    $('#sonuc').html(msg);

                }

            });
        }

    </script>
</head>
<body>
<form  id="ferman">

    <input type="text" name="ad" >
    <input type="text" name="soyad" >
    <input type="button" value="gonder" onclick="gonder();">
</form>
<div id="sonuc"></div>
</body>
</html>

这是ajax.php

<?php

$ad=$_POST["ad"];
$soyad=$_POST["soyad"];
echo "ad $ad soyadınız $soyad";
?>

Answer 1

似乎主要问题在于：

修复

$('ferman').serialize(),

到

$('#ferman').serialize(),

考虑到您在#上正确使用了#sonuc id选择器，这只是一个简单的错误，实际上无需解释。

function gonder() {
//   $('#sonuc').html("bekle");
     $.ajax({
         type:"post",
         url:"ajax.php",
         data:$('#ferman').serialize(),
         success:function (msg) {
             $('#sonuc').html(msg);
         }
    });
}

更新：由于评论中提到的斜视，我错过了，.来电中缺少ajax，应为$.ajax。感谢斜视无论如何指出它。

注意：在我们进行ajax调用时，无需将输入类型从button更改为submit。

干杯：）

Answer 2

您忘记将#放在ID选择器之前。 More details

<form id="ferman">

您正在使用此ID ferman来序列化表单。根据id选择器规则，您应该使用 -

data:$('#ferman').serialize()

你也忘了在ajax之前加.。

正确的代码：

function gonder() {
  $.ajax({
    type:"post",
    url:"ajax.php",
    data:$('#ferman').serialize(),
    success:function (msg) {
      $('#sonuc').html(msg);
    }
  });
}

我的javascript代码不起作用

2 个答案: