Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在UI上发布方法_Javascript_Html_Crud - Fatal编程技术网

Javascript 在UI上发布方法

Javascript 在UI上发布方法,javascript,html,crud,Javascript,Html,Crud,上面我有一个UI的屏幕截图,我试图在不改变后端任何内容的情况下执行post方法,正如您所看到的,这里有一个mysql错误,我知道我可以返回到我的节点后端服务器,从它们的后端服务器进行更改,然后在UI中进行更改,但是如果我想在列表中添加更多电影,那就太多了。所以我的问题是,我如何在不改变后端任何内容的情况下,只在前端执行post请求 $(函数(){ $(“#放映电影”)。单击(函数(){ $.ajax({ 方法:“获取”, url:“http://localhost:3000/movielist

上面我有一个UI的屏幕截图,我试图在不改变后端任何内容的情况下执行post方法,正如您所看到的,这里有一个mysql错误,我知道我可以返回到我的节点后端服务器,从它们的后端服务器进行更改,然后在UI中进行更改,但是如果我想在列表中添加更多电影,那就太多了。所以我的问题是,我如何在不改变后端任何内容的情况下,只在前端执行post请求

$(函数(){
$(“#放映电影”)。单击(函数(){
$.ajax({
方法:“获取”,
url:“http://localhost:3000/movielist",
数据类型:“json”,
成功:功能(响应){
$。每个(响应、功能(i、电影){
const rowText=“”+
“”+movie.idmovielist+“”+
“”+movie.name+“”+
“”+movie.缩略图_路径+“”+
“”+movie.description+“”+
“”+movie.year_发行+“”+
“”+movie.language_发布+“”+
“+”删除“+”+
“+”编辑“+”;
$(“#电影”).append(行文本);
});
}
});
});
$(“#电影已添加”)。单击(功能(a){
让mydata={
idmovielist:$($(“#newForm”)[0].intNum.val(),
名称:$($(“#新表单”)[0].name.val(),
thumnail_路径:$($(“#新形式”)[0]。thumnail_路径)。val(),
description:$($(“#newForm”)[0]。description.val(),
发布年份:$($(“#新表单”)[0]。发布年份。val(),
language_released:$($(“#newForm”)[0]。language_released.val(),
}
显示电影(mydata);
$(“#newForm”)。触发器(“重置”);
$(“#newForm”).toggle();
a、 预防默认值();
});
功能显示电影(数据){
$.ajax({
方法:“张贴”,
url:“http://localhost:3000/movielist/addMovie",
数据类型:“json”,
数据:数据,
成功:功能(数据){
控制台日志(数据);
}
});
}
$.ajax({
方法:“删除”,
url:“http://localhost:3000/movielist/5",
数据类型:“json”,
成功:功能(数据){
$。每个(数据、功能(i、电影){
const rowText=“”+
“”+movie.idmovielist+“”+
“”+movie.name+“”+
“”+movie.缩略图_路径+“”+
“”+movie.description+“”+
“”+movie.year_发行+“”+
“”+movie.language_发布+“”+
“+”删除“+”+
“+”编辑“+”;
$(“#电影”).append(行文本);
});
}
});
$.ajax({
方法:“放”,
url:“http://localhost:3000/movielist/6",
数据类型:“json”,
数据:{
idmovielist:6,
名称:'狮子王',
thumanail_路径:'”https://lumiere-a.akamaihd.net/v1/images/',
描述:'卡通',
年份:2000年,
语文组发表‘英语’
},
成功:功能(数据){
$。每个(数据、功能(i、电影){
const rowText=“”+
“”+movie.idmovielist+“”+
“”+movie.name+“”+
“”+movie.缩略图_路径+“”+
“”+movie.description+“”+
“”+movie.year_发行+“”+
“”+movie.language_发布+“”+
“+”删除“+”+
“+”编辑“+”;
$(“#电影”).append(行文本);
});
}
});
});
正文{
背景:#20262E;
填充:20px;
字体系列:Helvetica;
}
桌子{
背景颜色:浅蓝色;
}
t车身{
字体家族:继承;
}
html{
背景颜色:浅蓝色;
}
#横幅信息{
背景:#fff;
边界半径:4px;
填充:20px;
字体大小:25px;
文本对齐:居中;
过渡:均为0.2s;
保证金:0自动;
宽度:300px;
}
钮扣{
背景:#0084ff;
边界:无;
边界半径:5px;
填充:8px 14px;
字体大小:15px;
颜色:#fff;
}
#banner-message.alt{
背景:#0084ff;
颜色:#fff;
边缘顶端:40px;
宽度:200px;
}
#banner-message.alt按钮{
背景:#fff;
颜色:#000;
}

我的电影
影视
所有电影
电影演员
名称
图姆内卢路
描述
发布年份
语文科新闻公布
行动
添加
电影演员
名称
图姆内卢路
描述
发布年份
语文科新闻公布
添加

您的问题是根据收到的响应动态重新加载html内容吗?我假设您希望保留后端;)@Icepickle是的,我想保留后端,但如果我想继续发出post请求,我不想每次都更改后端,因为这会给dynam带来很大不便根据收到的回复重新加载html内容?我假设您希望保留后端;)@Icepickle是的,我想保留后端,但如果我想继续发出post请求,我不想每次都更改后端,因为这会非常不方便