javascript - 对 javascript 函数的 AJAX 调用不起作用-6ren

javascript - 对 javascript 函数的 AJAX 调用不起作用

转载作者：太空宇宙更新时间：2023-11-04 16:00:33

24

4

这实际上是我第一次使用 ajax，老实说我什么都不知道。试图阅读有关 ajax 的文章，但没有成功。我在这里尝试做的事情非常简单，实际上我只是想弄清楚 ajax 是如何工作的，以及我应该怎么做才能让它工作。我想要它，以便当我尝试单击登录按钮并转到我的 php 并显示“登录成功”时，它在文本框为空时工作，它显示字段为空但 ajax 似乎不起作用

这是我到目前为止所做的，这是我的 index.php A.K.A 登录页面

<!DOCTYPE html>
<html>
<head>
	<title>O-Chat</title>
	<link rel="stylesheet" type="text/css" href="index.css">
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="script101.js"></script>
</head>
<body>
	<div class="content">
		<div class="features">
			<div><br><br><br><br><br><br><br><br><br><br>FEATURES HERE</div>
		</div>
		<div class="loginpart">
			<div class="banner"><br><br><br>BANNER HERE</div>
			<div class="login" id="divlogin">
				<div class="login-header">Login</div>
				<form name="loginform" class="login">
					<input class="login" type="text" name="pUname" id="jUname" maxlength="35" placeholder="Username"/><br>
					<input class="login" type="Password" name="pPass" id="jPass" maxlength="40" placeholder="Password"/><br>
					<span class="error" id="jloginerror"></span>
					<div class="button" id="login"" onclick="validate();">
					</div>
				</form>
				<div class="login-footer" onclick="location.href='register.php'">Not yet a member?<br>Register Now! Click Here!</div>
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="footer-container">
			<a href="index.php">Home</a> |
			<a href="aboutus.php">About O-Chat</a> |
			<a href="contactus.php">Contact Us</a>
			<div style="float: right;">Copyright © 2000 - 2017 O-Chat Unlimited (071813-S) All Rights Reserved</div>
		</div>
	</div>
</body>
</html>

这是我的 javascript 文件 script101.js

function validate() {
var uname = $("#jUname").val();
var pass = $("#jPass").val();
var data = "&uname=" + uname + "&pass=" + pass;
if(!uname.match(/\S/) || !pass.match(/\S/)) {
	document.getElementById("divlogin").style.height = '275px';
    document.getElementById("jloginerror").innerHTML = "Some fields are empty!";
}
else
{
	document.getElementById("jloginerror").innerHTML = "";
	document.getElementById("divlogin").style.height = '250px';

	$.ajax({
        type: "post",
        url: "login.php",
        data: data,
        sucess:function(data){
            $("#jloginerror").text(data);
        }
    });
}
}

<?php
	echo "very successful";
?>

最佳答案

从函数声明 $function validate() 中删除 $。您不能在此处使用 $。

你可以这样使用它

$(function(){
....
});

或

如果你想保留你的函数名称，那么只需删除函数前的 $，只需将其用作:

function validate(){
....
}

在 ajax 上，你可以使用

$.ajax({
        method: "post",
        url: "login.php",
        data: data;
        sucess:function(data){
            $("#jloginerror").text(data);
        }
    });

所以你的完整代码应该如下所示:

 function validate() {
    var uname = $("#jUname").val();
    var pass = $("#jPass").val();
    var data = "&uname=" + uname + "&pass=" + pass;
    if(!uname.match(/\S/) || !pass.match(/\S/)) {
        document.getElementById("divlogin").style.height = '275px';
        document.getElementById("jloginerror").innerHTML = "Some fields are empty!";
    }
    else
    {
        document.getElementById("jloginerror").innerHTML = "";
        $.ajax({
            type: "post",
            url: "login.php",
            data: data,
            sucess:function(data){
                $("#jloginerror").text(data);
            }
        });
    }
}

关于javascript - 对 javascript 函数的 AJAX 调用不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41995101/

24

4

0

文章推荐： c++ - 这个条件如何放在模板偏特化中？

文章推荐： c++ - 将构造对象但不是构造函数的方法

文章推荐： html - CSS 有助于在图像上定位销售横幅

实例分析Try {} Catch{} 作用
今天有小伙伴给我留言问到，try{...}catch(){...}是什么意思？它用来干什么？简单的说他们是用来捕获异常的下面我们通过一个例子来详细讲解下
html - 列表社交媒体链接的 ARIA 作用
我正在努力提高网站的可访问性，但我不知道如何在页脚中标记社交媒体链接列表。这些链接指向我在 facecook、twitter 等上的帐户。我不想用 role="navigation" 标记这些链接，因
java.util.Timer SystemTime 作用？
说现在是 6 点，我有一个 Timer 并在 10 点安排了一个 TimerTask。之后，System DateTime 被其他服务(例如 ntp)调整为 9 点钟。我仍然希望我的 TimerTas
php - 什么是 Doctrine hydration 作用？
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
python入门:argparse浅析 nargs='+'作用
我就废话不多说了，大家还是直接看代码吧~ ? 1
Maven是什么?Maven的概念+作用+仓库的介绍+常用命令的详解
Maven系列1 1.什么是Maven？ Maven是一个项目管理工具，它包含了一个对象模型。一组标准集合，一个依赖管理系统。和用来运行定义在生命周期阶段中插件目标和逻辑。核心功能 Mav

首页

博学

6Ren·AI

商城

javascript - 对 javascript 函数的 AJAX 调用不起作用