如何使用Jquery和Json进行登录身份验证

我有一个服务器，如果我调用它，它将返回json文件。 基本上我有多个可以调用的用户

ex: http://server.insource.local/users/145
ex: http://server.insource.local/users/146
ex: http://server.insource.local/users/147

我想做的是，以某种方式，将用户名和密码发送到服务器，如果正确，则返回与该用户名和密码匹配的链接之一

我们的想法是不使用任何php

我会抓住任何东西，任何想法，任何例子

服务端脚本示例？ 谢谢

编辑： 我发现链接路径就是返回我信息的路径，服务器要求进行身份验证，所以我只需逐一检查它们

---

谢谢大家

你可以考虑<强> ajax < /强>调用<强> jQuery >/P> 以下是示例代码：

$.ajax
    ({
        type: "POST",
        //the url where you want to sent the userName and password to
        url: "http://your-url.com/secure/authenticate.php",
        dataType: 'json',
        async: false,
        //json object to sent to the authentication url
        data: '{"userName": "' + userName + '", "password" : "' + password + '"}',
        success: function (){
            //do any process for successful authentication here
        }
    });

当然，您首先必须从用户名和密码字段中收集用户输入的值

在服务器端，您可以执行所有验证并发回简单的消息，如authenticated或failed。ajax调用的success部分用于在用户通过身份验证后执行任何流程

有关jQuery AJAX的更多信息

**更新**

假设您有以下HTML代码：

<input type="text" name="username" id="username" class="text" maxlength="30" />
<br />
<input type="password" name="password" id="password" class="text" maxlength="30" />
<br />
<input type="submit" name="btnSubmit" id="btnSubmit" />

---

可以考虑<强> Ajax <强>调用<强> jQuery >/P> 以下是示例代码：

$.ajax
    ({
        type: "POST",
        //the url where you want to sent the userName and password to
        url: "http://your-url.com/secure/authenticate.php",
        dataType: 'json',
        async: false,
        //json object to sent to the authentication url
        data: '{"userName": "' + userName + '", "password" : "' + password + '"}',
        success: function (){
            //do any process for successful authentication here
        }
    });

当然，您首先必须从用户名和密码字段中收集用户输入的值

在服务器端，您可以执行所有验证并发回简单的消息，如authenticated或failed。ajax调用的success部分用于在用户通过身份验证后执行任何流程

有关jQuery AJAX的更多信息

**更新**

假设您有以下HTML代码：

<input type="text" name="username" id="username" class="text" maxlength="30" />
<br />
<input type="password" name="password" id="password" class="text" maxlength="30" />
<br />
<input type="submit" name="btnSubmit" id="btnSubmit" />

检查以下代码：

$.ajax
({
    type: "POST",
    //the url where you want to sent the userName and password to
    url: "http://your-url.com/secure/authenticate.php",
    dataType: 'json',
    async: false,
    //json object to sent to the authentication url
    data: '{"userName": "' + userName + '", "password" : "' + password + '"}',
    success: function (){
        //do any process for successful authentication here
    }
});

检查以下代码：

$.ajax
({
    type: "POST",
    //the url where you want to sent the userName and password to
    url: "http://your-url.com/secure/authenticate.php",
    dataType: 'json',
    async: false,
    //json object to sent to the authentication url
    data: '{"userName": "' + userName + '", "password" : "' + password + '"}',
    success: function (){
        //do any process for successful authentication here
    }
});

---

---

你需要服务器端代码，否则你很容易被黑客攻击。你真的需要一个服务器端脚本。。不管你想做什么，你只需要它。没有服务器端，就不会有任何“身份验证”——几乎任何人都知道如何访问这些用户的JSON文件。什么样的服务器端脚本？有什么例子吗？我很好奇，你们认为这其中的陷阱是什么：1.）JSON文件是默认编码的，2.）JS使用基于用户名和密码的算法来解码JSON文件，3.）如果生成的JSON无效（无论如何都不起作用，gobbledegop会回来，因为解码无效）说登录数据无效，否则信息访问成功…你需要服务器端代码，否则你很容易被黑客攻击你真的需要一个服务器端脚本。。不管你想做什么，你只需要它。没有服务器端，就不会有任何“身份验证”——几乎任何人都知道如何访问这些用户的JSON文件。什么样的服务器端脚本？有什么例子吗？我很好奇，你们认为这其中的陷阱是什么：1.）JSON文件是默认编码的，2.）JS使用基于用户名和密码的算法来解码JSON文件，3.）如果生成的JSON无效（无论如何都不起作用，gobbledegop会回来，因为解码无效）说登录数据无效，否则信息访问成功…在回答之前阅读OP的问题：

不使用任何php。

响应将是一个json对象，因此您需要成功：function（data）{window.location=data.url；}@Neal它不必是php。OP想将用户名和密码发送到服务器：“我想做的是，以某种方式，将用户名和密码发送到服务器，如果正确，则返回与该用户名和密码匹配的链接之一。”idk OP想要什么。。问题只是让人困惑，我有这样的输入字段：

如何将它们连接到脚本？在回答之前阅读OP的问题：

想法是不要使用任何php。

响应将是一个json对象，因此您需要成功：函数（数据）{window.location=data.url；}@Neal它不一定是php。OP想将用户名和密码发送到服务器：“我想做的是，以某种方式，将用户名和密码发送到服务器，如果正确，则返回与该用户名和密码匹配的链接之一。”idk OP想要什么。。问题是我有这样的输入字段：

如何将它们连接到脚本？