javascript - 获取 AJAX 响应的特定部分-6ren

javascript - 获取 AJAX 响应的特定部分

转载作者：行者123 更新时间：2023-12-03 02:59:08

26

4

当我检查 AJAX 请求对 index.php 的响应时，我得到了一些我想要的数据(一些 json，我需要的返回值)，而且还返回了作为 index.php 类的 HTML 负载用于调用负责加载一些 HTML 的 View 。

这是响应的前两行:

{"returnVal":"registered"}<!DOCTYPE html>
<html lang="en">

由于我的代码是 MVC，我不能只创建一个单独的文件来处理 AJAX 请求，因此我需要一种方法让我的 login.js 类(生成 AJAX 请求的地方)遍历整个响应并找到我需要的“returnVal”的值。你知道我可以做到这一点的方法吗？

登录.js

var loginData, urlPath;

// Allow users to log in or register
function Login() {

    if(!document.getElementById("usernameField")) { // If we have no username field on this page, we are just logging in
        loginData = "email=" + $("#emailField").val() + "&password=" + $("#passwordField").val() + "&action=" + "loggingIn";
        urlPath = "index.php";
    } else { // we are registering
        loginData = "username=" + $("#usernameField").val() + "&email=" + $("#emailField").val() + "&password=" + $("#passwordField").val() + "&action=" + "register";
        urlPath = "../index.php";
    }

    // Send the login/registration data to database
    $(document).ready(function() {
        $.ajax({
            type: "POST",
            url: urlPath,
            data: loginData,
            success: function (result) {
                alert(result); // i need to get the value of 'returnVal' from the response

                if(result.returnVal=="registered") {
                    document.getElementById('notification').innerHTML = "You have been registered";
                } else if (result.returnVal=="username") {
                    document.getElementById('notification').innerHTML = "Username already taken";
                } else if (result.returnVal=="email") {
                    document.getElementById('notification').innerHTML = "Email already taken";
                } else if (result.returnVal=="notRegistered") {
                    document.getElementById('notification').innerHTML = "Please enter registered email";
                } else if (result.returnVal=="loginFail") {
                    document.getElementById('notification').innerHTML = "Please enter correct password";
                } else if (result.returnVal=="loggedIn") {
                    $('#myModal').modal('hide');
                    document.getElementById('loginButton').innerHTML = "Account Settings";
                } else { // Something wrong, tell us
                    //alert(result);
                }
            },
            error: function(xhr, status, error) {
                alert(xhr.responseText);
            }

        })
    })
}

index.php

<?php 
    ini_set("log_errors", 1);

    require_once("Model/model.php");
    require_once("Controller/controller.php");
    require_once("View/view.php");

    $model = new Model();
    $view = new View();
    $controller = new Controller($model, $view);

    if(isset($_POST['action'])) {
            if($_POST['action'] == "register") {
                $controller->Register($_POST['username'], $_POST['email'], $_POST['password']);
                echo json_encode($controller->GetReturned());
            }
    }

    $view->Begin();
?>

最佳答案

超简单的方法就是在回显 json 后exit()，这样 View 就永远不会被发送。如果此 Controller 从未打算渲染 View ，请摆脱 $view->Begin();

if(isset($_POST['action'])) {
       if($_POST['action'] == "register") {
             $controller->Register($_POST['username'], $_POST['email'], $_POST['password']);
                echo json_encode($controller->GetReturned());
                exit();
       }
}

关于javascript - 获取 AJAX 响应的特定部分，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47488897/

26

4

0

文章推荐： gradle 将参数传递给 dependsOn 任务

文章推荐： dart - JS-Interop:尝试使用salesforce代理

文章推荐： azure - 在 Azure AD B2C 中使用 Azure AD Graph API 创建用户

typescript - A 部分部分 io-ts
我在使用 io-ts 时遇到一些问题。我发现它确实缺乏文档，我取得的大部分进展都是通过 GitHub issues 取得的。不，我不明白 HKT，所以没有帮助。基本上，我在其他地方创建一个类型，ty
java - 匹配完整文件正则表达式中的 A 部分，但不匹配 B 部分
我必须创建一个正则表达式来搜索整个文件，以找到与 Java XML 解析器的第一部分(但不是第二部分)的匹配项。这将用于防止某些 XXE 攻击。不幸的是，它确实必须是单个正则表达式，并且它确实需要搜索
c# - 部分/部分中的 asp.net mvs 部分？
我有一些简单的 Shared/_Header.cshtml 文件中的内容。 My Shared/_Layout.cshtml 通过调用插入该代码 @Html.Partial("_Header") 目前
java - Selenium 只执行循环的 if != null 部分，不运行循环的 "else if null "部分
我有一个 if-else 语句，其中: 条件 1:ID 匹配并且自动填充某些字段。然后 if 语句只填充其余字段条件 2:ID 不匹配，所有字段均为空白。 ELSE 语句将它们全部填充当我使条件
javascript - 无法在 JSFIDDLE 中使用滚动魔法(第 1 部分，共 2 部分)
我正在开发一个单页滚动网站。我正在尝试实现 ScrollMagic 并固定第一部分，以便网站的其余部分滚动到固定部分的顶部。我尝试创建一个 jsfiddle 来显示问题，但我似乎无法让 jsfiddl
javascript - 既然有

首页

博学

6Ren·AI

商城

javascript - 获取 AJAX 响应的特定部分