添加商品之后点击“去支付”,订单详情页商品未更新,是这段代码的问题吗?const fetch = require('../../../utils/fetch.js') Page({ data: { sumMonney: 0, cutMonney: 0, note: '', max: '20', taken: '', }, onLoad: function(options) { // 请求订单接口 fetch('food/order', { order_id: options.order_id}).then((res) => { var foods = res.data.foods // 计算总价 var sum = 0; for (var i in foods) { sum += foods[i].price * foods[i].num } if (res.data.promotion.length > 0 && sum > res.data.promotion.discount) { sum -= res.data.promotion.discount } this.setData({ order: res.data, sumMonney: sum }) }) }, // 实时监控textarea值,采用同步的方式存储note值('key',value) listenerTextarea: function(e) { var note = e.detail.value; wx.setStorageSync('note', note) }, // 点击“去支付” gotopay: function(e) { var order_id = this.data.order_id // 请求支付接口,把订单号传给后台,返回数据{error: 0, order_id: 1} var method = 'POST' fetch('food/pay', {order_id:order_id},method).then((res)=>{ if(res.data.error !== 0){ wx.showModal({ title: '支付失败', content: '请您重新尝试', }) return } wx.showToast({ title: '支付成功', icon: 'success', duration: 2000, success: function () { setTimeout(function () { wx.navigateTo({ url: '../detail/detail?order_id=' + res.data.order_id }) }) } }) }); } })
时间: 2024-02-15 22:28:40 浏览: 162
根据代码来看,这段代码也不大可能导致订单详情页商品未更新。它主要是在页面加载时从服务器获取订单信息,并进行一些计算和渲染,然后在用户点击“去支付”时请求支付接口并跳转到订单详情页。如果商品未更新,可能是其他的代码问题或者是缓存问题。你可以检查一下商品添加的代码,以及在支付成功后是否正确更新了订单信息并清空了相关的缓存。
相关问题
var express = require('express') var app = express(); const fs = require('fs'); const path = require('path') app.get('/getname', function (request, response) { console.log(request); let books = { "status": 200, "msg": "数据获取成功", "data": "我就是接口返回回来的数据" } response.send(books) }) app.get('/picfile', function(request, response) { console.log(request) let ret = "接口请求到了" response.send(ret) }) app.get('/getfile', (req, res) => { res.setHeader('Access-Control-Allow-Origin', 'http://localhost:8080'); const filePath = './public/GM - 0.dxf'; const stream = fs.createReadStream(filePath); res.send(stream) }) var server = app.listen(3000,function(){ console.log('服务器启动了'); }) 这串代码中,怎么把dxf后缀的文件传给前端threejs中使用
在这段代码中,你需要将 DXF 文件的内容读取到内存中,并将其作为响应发送给前端。可以使用 fs 模块的 readFile 方法读取文件,然后使用 response.send 方法将文件内容作为响应发送给前端。例如,你可以修改 getfile 路由的代码如下:
```
app.get('/getfile', (req, res) => {
res.setHeader('Access-Control-Allow-Origin', 'http://localhost:8080');
const filePath = './public/GM - 0.dxf';
fs.readFile(filePath, (err, data) => {
if (err) {
console.error(err);
res.send('读取文件失败');
return;
}
res.send(data);
});
})
```
然后,在前端中使用 XMLHttpRequest 或者 fetch API 来请求这个接口,并将响应内容解析为 DXF 文件格式。具体的实现可以参考 three.js 的官方文档或者相关教程。
// 1、导入模块 const express = require('express'); const mongoose = require('mongoose'); let {log} = console; // 2、创建服务器 const app = express(); app.use(express.static('public'));//设置静态资源文件夹 // 解析post请求 app.use(express.urlencoded({extended:true}),express.json()) // 连接数据库 mongoose.connect('mongodb://localhost/info') .then(()=>log('数据库连接成功')) .catch(()=>log('数据库连接失败')) // 设置集合规则 const infoSchema = new mongoose.Schema({ username:String, password:String }) // 使用集合规则创建集合 const User = mongoose.model('User',infoSchema); // 4、发请求 app.post('/add',(req,res)=>{ // log(req.body); let {username,password} = req.body; // log(username,password) // res.send(JSON.stringify(req.body)) let res1 = User.find({username:username}).then(result=>{ if(result.length==0){ User.create({username:username,password:password}); res.send('true') }else{ res.send('fasle') } }) }) // 3、监听端口 app.listen(3000,()=>log("服务已启动,端口号为3000")) window.onload=function(){ const username = document.getElementsByName('username')[0]; const password = document.getElementsByName('password')[0]; const submit = document.querySelector('.sub'); // console.log(username,password,submit); let userReg = /^[a-zA-Z]{3,10}$/; let pwdReg = /^[0-9]{6,10}$/; submit.onclick = () =>{ if(userReg.test(username.value)&&pwdReg.test(password.value)){ let xhr = new XMLHttpRequest(); xhr.open('post','http://localhost:3000/add',true); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.send(`username=${username.value}&password=${password.value}`); // location.href='login.html'; } } }这两段代码应该怎么优化
下面是对这两段代码的优化:
# 服务器端代码优化
1. 使用async/await来处理异步操作,提高代码的可读性。
2. 将数据库连接放在一个独立的模块中,以便更好地管理数据库连接。
3. 将集合规则和集合创建放在一个独立的模块中,以便更好地管理集合。
4. 优化接口返回结果,使用标准的HTTP状态码和JSON格式的数据。
下面是优化后的服务器端代码:
```
// 1、导入模块
const express = require('express');
const { log } = console;
// 2、创建服务器
const app = express();
app.use(express.static('public'));//设置静态资源文件夹
// 解析post请求
app.use(express.urlencoded({extended:true}),express.json())
// 连接数据库
require('./db/connect.js');
// 创建集合
const User = require('./models/user.js');
// 4、发请求
app.post('/add', async (req, res) => {
try {
const { username, password } = req.body;
const result = await User.findOne({ username });
if (result) {
res.status(409).json({ message: '用户名已存在' });
} else {
await User.create({ username, password });
res.status(201).json({ message: '用户创建成功' });
}
} catch (error) {
res.status(500).json({ message: '服务器错误' });
log(error);
}
});
// 3、监听端口
app.listen(3000, () => log("服务已启动,端口号为3000"));
```
# 前端代码优化
1. 将提交表单的逻辑封装成函数,以便重复利用。
2. 使用fetch API代替XMLHttpRequest,提高代码的可读性和可维护性。
3. 处理接口返回结果,使用标准的HTTP状态码和JSON格式的数据。
下面是优化后的前端代码:
```
window.onload = function() {
const username = document.getElementsByName('username')[0];
const password = document.getElementsByName('password')[0];
const submit = document.querySelector('.sub');
const userReg = /^[a-zA-Z]{3,10}$/;
const pwdReg = /^[0-9]{6,10}$/;
const handleSubmit = async () => {
try {
if (userReg.test(username.value) && pwdReg.test(password.value)) {
const response = await fetch('http://localhost:3000/add', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ username: username.value, password: password.value })
});
if (response.ok) {
const result = await response.json();
console.log(result.message);
} else if (response.status === 409) {
console.log('用户名已存在');
} else {
console.log('服务器错误');
}
}
} catch (error) {
console.log('请求失败', error);
}
};
submit.addEventListener('click', handleSubmit);
};
```
优化后的前端代码使用了async/await和fetch API,处理接口返回结果时,使用了标准的HTTP状态码和JSON格式的数据,提高了代码的可读性和可维护性。
阅读全文