Javascript 使用HTML拖放调用axios POST请求

Javascript 使用HTML拖放调用axios POST请求,javascript,axios,httprequest,parceljs,kanban,Javascript,Axios,Httprequest,Parceljs,Kanban,我正在创建看板-我有一个拖放系统在工作 response.js 功能allowDrop(ev){ ev.preventDefault(); } 功能阻力(ev){ ev.dataTransfer.setData(“文本”,ev.target.id); } 常数下降=异步(ev,el)=>{ ev.preventDefault(); var data=ev.dataTransfer.getData(“文本”); el.appendChild(document.getElementById(数据))

我正在创建看板-我有一个拖放系统在工作

response.js

功能allowDrop(ev){
ev.preventDefault();
}
功能阻力(ev){
ev.dataTransfer.setData(“文本”,ev.target.id);
}
常数下降=异步(ev,el)=>{
ev.preventDefault();
var data=ev.dataTransfer.getData(“文本”);
el.appendChild(document.getElementById(数据));
newSection=el.parentElement.childNodes[0]。childNodes[0]。textContent;
sortItems(el);
}
调用时:

ondrop='drop(event,this)'ondragover='allowDrop(event)'
但是,我需要在运行我的
drag()
的同时运行此axios请求

请求将更新被拖动的卡所在的板列

const res=wait axios({
方法:“POST”,
网址:'http://127.0.0.1:3000/api/1/projects/updateCardPlace',
数据:{
cardID,//尚未获取-忽略此项。
新闻组
}
});
我正在使用
包裹
捆绑机:

package.json»脚本

“build:js”:“包裹监视/public/js/index.js--out dir--public url./public/js--out file bundle.js”
我试过:

  • 将我的方法添加到我的
    index.js
    (应该调用它的地方,从
    login.js
    导入)
  • 将其直接添加到
    bundle.js
然而,我不断得到:
未捕获引用错误:未定义sendNewCard
(我创建了一个名为
sendNewCard
的方法,该方法在卡的
ondrop
属性中调用

我真的很感谢你在这方面的帮助,如果需要更多信息,请告诉我-我对这方面比较陌生,你可能已经猜到了

Bundle.js

var sendNewCard=/*#uuuuuuuuuuuuuuuuu纯函数(){
var _ref=_asyncToGenerator(/*#_PURE _*/retinatorruntime.mark(函数_被调用方(el){
var-res;
返回return registratorRuntime.wrap(函数_callee$(_context){
而(1){
开关(_context.prev=_context.next){
案例0:
如果(!(el!=1)){
_context.next=13;
打破
}
newSection=el.parentElement.childNodes[0]。childNodes[0]。textContent;
_context.prev=2;
_context.next=5;
返回值(0,_axios.default)({
方法:“POST”,
网址:'http://127.0.0.1:3000/api/1/projects/updateCardPlace',
数据:{
卡迪德:卡迪德,
//还没有得到-不要担心这个。
新闻区:新闻区
}
});
案例5:
res=_context.sent;
如果(res.data.status==='Success'){
(0,_alerts.showAlert)(“成功”,“已成功传输”);
}否则{
(0,_alerts.showAlert)(“错误”,“传输失败”);
}
_context.next=13;
打破
案例9:
_context.prev=9;
_context.t0=_context[“catch”](2);
console.log(_context.t0.message);
(0,_alerts.showAlert)(“错误”,“传输失败”);
案例13:
案例“结束”:
返回_context.stop();
}
}
},_callee,null,[[2,9]];
}));
返回函数sendNewCard(_x){
返回_ref.apply(这是参数);
};
}();
exports.sendNewCard=sendNewCard;

PUG呈现的HTML文件确实包含BUNDLE.JS

在不查看代码的情况下,我们可以告诉您,
sendNewCard
未定义。因此,是的,我们可能需要查看更多代码。请添加足够的信息,以便我们可以在添加我的
BUNDLE.JS
部分
sendNewCard的情况下重现问题de>@blexAll我们可以告诉您,在不查看代码的情况下,
sendNewCard
未定义。因此,是的,我们可能需要查看更多代码。请添加足够的信息,以便我们可以在添加我的
bundle.js
部分
sendNewCard
@blex时重现此问题