1.准备
因为是要将服务器获取的数据放在网页中 所以说对页面的渲染是必要的 这里我准备的是 art-template模板
2.服务器的准备
服务器要准备好渲染到页面的数据
3.页面的操作
这里我做的的是一个搜索框提示功能 讲解都在代码注释中
服务器代码如下
// 输入框文字提示 app.get("/searchAutoPrompt", (req, res) => { // 搜索关键字 const key = req.query.key; // 提示文字列表 const list = ["百度", "百度官网", "百度游戏", "百度网盘"]; // 搜索结果 filter是一个遍历的函数 includes(key)是凡是字符串含有key都返回 let result = list.filter((item) => item.includes(key)); // 将查询结果返回给客户端 res.send(result); });
页面代码:
下面的代码我用了一个封装好的Ajax函数
代码如下
function ajax (options) { // 默认值 var defaults = { type: 'get', url: '', async: true, data: {}, header: { 'Content-Type': 'application/x-www-form-urlencoded' }, success: function () {}, error: function () {} } // 使用用户传递的参数替换默认值参数 Object.assign(defaults, options); // 创建ajax对象 var xhr = new XMLHttpRequest(); // 参数拼接变量 var params = ''; // 循环参数 for (var attr in defaults.data) { // 参数拼接 params += attr + '=' + defaults.data[attr] + '&'; // 去掉参数中最后一个& params = params.substr(0, params.length-1) } // 如果请求方式为get if (defaults.type == 'get') { // 将参数拼接在url地址的后面 defaults.url += '"/js/ajax.js"></script> <script src="/UploadFiles/2021-04-02/template-web.js">总结
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
内蒙古资源网 Copyright www.nmgbbs.com
暂无“Ajax获取node服务器数据的完整步骤”评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。