我的javascript代码不工作

My javascript code not working

本文关键字：工作 代码 javascript 我的      更新时间：2023-09-26

我的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";
?>

看来主要问题在这里:

解决

$('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。

欢呼:)

您忘记将#放在id选择器之前。更多细节

<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);
    }
  });
}
相关文章：