gpt4 book ai didi

javascript - 为什么我的页面加载 php 文件?

转载 作者:搜寻专家 更新时间:2023-10-31 20:35:49 25 4
gpt4 key购买 nike

我需要这方面的帮助,当我按下提交按钮时,我希望我的回显显示在我有跨度的页面中,而不是像 (../addIPSE.php) 这样的新页面中...

我的 index.html

<!DOCTYPE html> 
<html>
<head>
<title>Page Title</title>

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="js/jQueryMobile/jquery.mobile-1.4.5.min.css" />
<script type="text/javascript" src="js/jquery-2.2.0.min.js"></script>
<script type="text/javascript" src="js/jQueryMobile/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript" src="js/addIPSE.js"></script>
</head>
<body>

<div data-role="page">

<div data-role="header" position="fixed">
<h1>Page Title</h1>
</div><!-- /header -->

<div data-role="content">
<form id="addIPSEform" action="addIPSE.php" method="post">
     <label for="addIPSE">IPSE:</label>
     <input type="text" name="addIPSE" id="addIPSE" placeholder="IPSE..." value="" data-clear-btn="true">
<button id="submitButton" class="ui-btn ui-corner-all">Submit</button>
</form>
<span name="result" id="result"></span>
</div><!-- /content -->

<div data-role="footer" position="fixed">
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->

</body>
</html>

我的addIPSE.php

<?php
include_once('DBconnection.php');
$IPSE = $_POST['addIPSE'];

$lookForIPSEinDB = mysql_query("SELECT IPSE FROM myDB WHERE IPSE='$IPSE'");

if (mysql_num_rows($lookForIPSEinDB) != 0) {
mysql_query("UPDATE myDB SET antal_login = antal_login + 1 WHERE IPSE='".$IPSE."'");
echo "Already in DB, adding +1 antal_login...";
}
else {
mysql_query("INSERT into myDB(IPSE) VALUES('".$IPSE."')");
mysql_query("UPDATE myDB SET antal_login = antal_login + 1 WHERE IPSE='".$IPSE."'");
echo "New IPSE added in DB...";
}
?>

我的 addIPSE.js

$("#submitButton").click( function() {
var inputIPSE = $("#addIPSE").val();
$.post( $("#addIPSEform").attr("action"), inputIPSE, function(info){ $("#result").html(info); });
});

$("#addIPSEform").submit( function() {
return false;
});

此外,当我按下提交按钮时,我首先进入一个全白页面,然后我必须刷新页面才能看到我的 echo ,但我得到的唯一 echo 是“已经在数据库中..:”,而且它没有显示在我的索引页面的跨度中......

最佳答案

您的表单正在重定向到您的 php 文件。您需要删除该操作并告诉 submitButton click 甚至 preventDefault():

$("#submitButton").click( function(e) {
e.preventDefault()
var inputIPSE = $("#addIPSE").val();
$.post( $("#addIPSEform").attr("action"), inputIPSE, function(info){ $("#result").html(info); });
});

此外,mysql已弃用,您需要切换到PDO或MySQLi

关于javascript - 为什么我的页面加载 php 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35319938/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com