React JS + React Router与$ .get一起使用,但不适用于$ .ajax PUT

讲话

我有一个react.js设置,并且我有一些使用react-router的简单路由。我有一个调度员:

import dispatcher from "../dispatcher";

export function reloadList(){
    dispatcher.dispatch({type: "FETCH_LIST"});
    let serverRequest = $.get("../../data/list.json", 
        function(data){
            console.log(data); //Logs correct data from list.json
        }
    );
}

export function saveList(list){
    dispatcher.dispatch({type: "SAVE_LIST"});
    let serverRequest = 
       $.ajax(
         url: "../../data/list.json",
         dataType: 'json',
         method: 'PUT',
         data: list,
         success: function(data) {
             console.log("success!");   //does not output
         },
         error: function(xhr, status, err) {
           console.log(status, err.toString());  //outputs a 404 error
         }
       });
  )
}

reloadList()函数运行良好,并输出JSON数据。saveList()函数引发404错误。我以为这是因为应用程序处理路线的方式,但是我对为什么它与get和not put(就此而言,还是post)一起使用感到困惑。

我一直在努力将数据保存到文件中以做出反应,起初这似乎是正确的方法,但现在我不太确定。我在这里做错什么了吗?

壁虎

我将根据您的措辞来假设您正在使用某种简单的HTTP服务器(或根本没有服务器)在本地进行开发,并且list.json是计算机上的文件。如果是这种情况,那么您的问题是您的HTTP服务器没有路由来知道如何处理PUTs(或POSTs,或者可能是除此以外的任何其他方法GET)。如果要将文件写入系统,则需要添加一个实际的后端,该后端可以处理PUT文件系统并与文件系统进行更智能的交互。

不幸的是,没有一种简单的方法可以单独在浏览器中将文件写入磁盘(出于安全原因),但是如果您要避免添加到后端,则可以考虑使用Blob创建要下载的文件

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React Router在哪里使用AJAX

来自分类Dev

嵌套路由不适用于react-router

来自分类Dev

React Router ScrollToTop 不适用于 Material UI

来自分类Dev

React.js-使用React Router更改URL,但组件不变

来自分类Dev

未将Webpack与React-router bundle.js一起使用

来自分类Dev

将React contextTypes与react-router一起使用

来自分类Dev

React JS - React Router - 单独渲染内容

来自分类Dev

React-hot-loader 不适用于 React-router-dom

来自分类Dev

使用react.js的简单ajax请求

来自分类Dev

websocket与http模块一起使用,但不适用于express(node.js)

来自分类Dev

意外的令牌<与React Router和Nginx一起使用

来自分类Dev

React-Router活动类不适用于嵌套路由

来自分类Dev

重定向不适用于单个组件中的react-router

来自分类Dev

NavLink确切道具不适用于react-router-dom 6

来自分类Dev

React-Router活动类不适用于嵌套路由

来自分类Dev

react-router-dom <Redirect /> 是否不适用于 syncHistoryWithStore?

来自分类Dev

React 0.14-使用react-router

来自分类Dev

使用react-router的React页面布局

来自分类Dev

React如何使用react-router渲染app.js中的多个页面?

来自分类Dev

在app.jsx中未定义<。使用react.js,React Router和Webpack

来自分类Dev

React.js-React Router的内容没有改变

来自分类Dev

使用React Router的条件模态

来自分类Dev

使用链接测试React Router

来自分类Dev

使用React Router的多个参数

来自分类Dev

如何使用React-Router

来自分类Dev

使用React Router的多个参数

来自分类Dev

使用 React Router 嵌套组件

来自分类Dev

使用 React Router 重定向

来自分类Dev

将redux-react与react-router一起使用时无效的prop'component'

Related 相关文章

热门标签

归档