第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

使用 JavaScript 將數(shù)據(jù)插入數(shù)據(jù)庫時(shí)??在控制臺(tái)中創(chuàng)建錯(cuò)誤“超出最大調(diào)用堆棧大小”

使用 JavaScript 將數(shù)據(jù)插入數(shù)據(jù)庫時(shí)??在控制臺(tái)中創(chuàng)建錯(cuò)誤“超出最大調(diào)用堆棧大小”

滄海一幻覺 2023-03-18 15:00:25
我進(jìn)行了很多搜索以修復(fù)我最近幾天遇到的 JavaScript 錯(cuò)誤。我在StackOverFlow上看到很多問題得到了解答,但不幸的是,沒有人與我的錯(cuò)誤相符。我想要的是使用JavaScript和PHP將簡(jiǎn)單記錄發(fā)送到數(shù)據(jù)庫。但我在Console中收到“ jquery.js:8638 Uncaught RangeError: Maximum call stack size exceeded ”錯(cuò)誤。 感謝您的答復(fù)。我的簡(jiǎn)單HTML代碼        <form autocomplete="off">    <div class="form-group col-sm">        <label for="fname">First Name</label>        <input type="text" name="fname" id="fname" class="form-control">    </div>    <div class="form-group col-sm">        <label for="lname">Last Name</label>        <input type="text" name="lname" id="lname" class="form-control">    </div>    <div class="form-group col-sm">        <button class="btn btn-primary" type="submit" id="submitBtn">Submit</button>    </div></form>和javaScript代碼$(document).ready(function(){$("#submitBtn").on("click",function(e){e.preventDefault();var fname = $("#fname").val();var lanme = $("#lname").val();$.ajax({    url : "insertData.php",    type : "POST",    data : {fname:fname, lname:lname},    success : function(data){        if(data == 1){            tableData();        }else{         alert("Can't save record");           }    }});})});
查看完整描述

2 回答

?
慕沐林林

TA貢獻(xiàn)2016條經(jīng)驗(yàn) 獲得超9個(gè)贊

您可以在您的按鈕上使用submit功能form而不是在按鈕click上使用功能type="submit"。


此外,您在發(fā)送 ajax 請(qǐng)求時(shí)輸入了錯(cuò)誤的變量,lname但您將其作為lanme


現(xiàn)場(chǎng)演示:(代碼測(cè)試和工作)


$(document).ready(function() {

  $("#myForm").on("submit", function(e) {

    e.preventDefault();


    //Values

    var fname = $("#fname").val();

    var lname = $("#lname").val();


    //Ajax

    $.ajax({

      url: "insertData.php",

      type: "POST",

      data: {

        fname: fname,

        lname: lname

      },

      success: function(data) {

        if (data == 1) {

          //tableData();

        } else {

          //alert("Can't save record");   

        }

      }

    });

  })

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

<form id="myForm" autocomplete="off">

  <div class="form-group col-sm">

    <label for="fname">First Name</label>

    <input type="text" name="fname" id="fname" class="form-control">

  </div>

  <div class="form-group col-sm">

    <label for="lname">Last Name</label>

    <input type="text" name="lname" id="lname" class="form-control">

  </div>

  <div class="form-group col-sm">

    <button class="btn btn-primary" type="submit" id="submitBtn">Submit</button>

  </div>

</form>


查看完整回答
反對(duì) 回復(fù) 2023-03-18
?
烙印99

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超13個(gè)贊

考慮這段代碼:

<html>

<head>

<script src="https://code.jquery.com/jquery-3.5.1.js"></script>

<script>

$(document).ready(function()

{

? ? $("#submitBtn").on("click", function(e)

? ? {

? ? ? ? console.log(911, a);

? ? ? ? e.preventDefault();

? ? })

});

</script>

</head>

<body>

<form>

? ? <input type="text" id="a" />

? ? <button type="submit" id="submitBtn">Submit</button>

</form>

</body>

</html>


如您所見,變量a已定義并引用了 id 為“a”的 HTML 元素。誰能解釋為什么?


這就是原始代碼中發(fā)生的情況——數(shù)據(jù) JSON 中的 lname 字段被設(shè)置為 HTML 元素的引用,jquery 處理不當(dāng),這意味著它會(huì)導(dǎo)致無限遞歸。


查看完整回答
反對(duì) 回復(fù) 2023-03-18
  • 2 回答
  • 0 關(guān)注
  • 125 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)