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