Javascript 为什么我不能操作这个ajax调用中的数据？_Javascript_Jquery_Ajax

Javascript 为什么我不能操作这个ajax调用中的数据？

javascript jquery ajax

Javascript 为什么我不能操作这个ajax调用中的数据？,javascript,jquery,ajax,Javascript,Jquery,Ajax,我正在向localhost:3000上的json服务器发送一个ajax调用，并试图获取一个对象，以便在网页上进行操作和显示。无论我做什么，我似乎都无法控制日志数据来处理对象这是我的HTML： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesh

我正在向localhost:3000上的json服务器发送一个ajax调用，并试图获取一个对象，以便在网页上进行操作和显示。无论我做什么，我似乎都无法控制日志数据来处理对象

这是我的HTML：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div id="parent">
    <input id="title" placeholder="Blog Title">
    <br>
    <input id="body" placeholder="Post Body">
    <br>
    <button onclick="request()">Submit</button>
</div>
<div id="comments"></div>
<div id="posts"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="main.js"></script>
</body>
</html>

感谢您的帮助。我确信我做错的事情很简单。我已经参考了许多网页以了解更多信息，例如，以及其他堆栈溢出问题。

您需要在ajax调用中添加一些信息：

呼叫柱类型，获取可通过脚本访问的url 要发送的数据例如：

function request() {
    $.ajax({
        // add 'post' type if your getting data with $_POST
        type : 'post',
        dataType: 'json',
        // be sure that your script is reachable from this url
        url: "http://localhost:3000",
        // you need to add data to send to given url
        data: {
            title: $('#title').val(),
            body: $('#body').val(),
        },
        success: function(data) {
            console.log(data);
        }
    });
}

在下面的示例中，jQueryAjax调用检查中缺少一些信息，如果需要获取应该调用的帖子，请确保调用的API路径与json服务器相同http://localhost:3000/posts 不在url上http://localhost:3000.

$.ajax{ type:GET，//定义用于请求的HTTP方法数据类型：“json”，网址：https://mathiasbynens.be/demo/ip, 成功：函数结果{ //待命成功 console.logJSON.stringifyresult； } ，错误：函数结果{ //随叫随到错误 console.logJSON.stringifyresult； }, 失败：功能结果{ //呼叫失败 console.logJSON.stringifyresult； } };

控制台中有错误吗？如何打开HTML页面；通过http://或文件：//？您是否尝试将错误回调添加到$.ajax选项中？您的.json文件是什么样子的？看起来json服务器通常不支持/routeI，因为我在chrome的另一个选项卡中运行localhost:3000，json服务器在终端中使用json server-watch db.json命令运行。db.json文件只是json的一篇文章。我所要做的就是找回一个可以在html页面上查看的对象。谢谢！默认情况下，它应该是GET类型。我刚刚通过intelliJ认识到Webstorm还通过在值周围放置方括号来验证成功：、错误：、失败：选项。即将尝试JSON.stringify.GET默认情况下是的，我认为您的主要问题是url尝试http://localhost:3000/postsThanks! 实际上，我只是尝试使用GET从服务器获取一个要处理的对象，但这对我现在正在使用的POST方法很有帮助。我的错误不是说URL，而是说由error:option处理。使用posts URL时，使用success:选项。

function request() {
    $.ajax({
        // add 'post' type if your getting data with $_POST
        type : 'post',
        dataType: 'json',
        // be sure that your script is reachable from this url
        url: "http://localhost:3000",
        // you need to add data to send to given url
        data: {
            title: $('#title').val(),
            body: $('#body').val(),
        },
        success: function(data) {
            console.log(data);
        }
    });
}