<script> var arr=['a','b','d','d','c','d','d']; var search='d'; var res=[];//存放下标 var i=arr.indexOf(search); while (i!==-1){ res.push(i); i=(i<=6?arr.indexOf(search,i+1):-1); } document.write("元素"+search+'在数组中对应下标在这里插入图片描述:'+res+'<br>d出现的次数:'+res.length) </script>
时间: 2023-03-30 13:02:45 浏览: 78
这是一个关于 JavaScript 数组操作的问题,我可以回答。根据代码,数组 arr 中元素 'd' 的下标分别为 2、3、5、6,所以 res 数组中存放的是这些下标。同时,元素 'd' 在数组中出现了 4 次,因此 res 数组的长度为 4。
相关问题
const express = require('express'); const bodyParser = require('body-parser'); const app = express(); app.use(bodyParser.urlencoded({ extended: false })); app.use(bodyParser.json()); app.post("/addData", (req, res) => { res.send("添加成功"); }); app.post("/dataList", (req, res) => { var arr = []; var zhansan = { name: "张三", age: 19 }; var lisi = { name: "李四", age: 19 }; arr.push(zhansan); arr.push(lisi); res.send(JSON.stringify(arr)); }); const port = 3000; app.listen(port, () => { console.log(`服务器已启动,正在监听端口 ${port}`); }); 上面是js文件,下面是index.html文件<!DOCTYPE html> <html> <head> <title>Node.js Demo</title> <script src="jquery-3.7.0.js"></script> </head> <body> <button onclick="addData()" class="addData">按钮一</button> <button onclick="getDataList()" class="DataList">按钮二</button> <div id="result"></div> <script> function addData() { $.post("/addData", function(data) { alert(data); }); } function getDataList() { $.post("/dataList", function(data) { var resultDiv = document.getElementById("result"); resultDiv.innerHTML = data; alert(data); }); } </script> </body> </html>没弹出按钮
问题可能出在你的HTML文件中没有正确引入jQuery库。请确保在项目根目录下存在名为`jquery-3.7.0.js`的文件,并确保它被正确引入。
另外,请将`index.html`文件与`app.js`文件放在同一个目录下,并确保在浏览器中通过`http://localhost:3000/index.html`来访问页面。
如果问题仍然存在,请检查以下几点:
1. 确保你已经在项目根目录下安装了jQuery库。可以通过以下命令来安装:
```shell
npm install jquery --save
```
2. 确保`app.js`和`index.html`文件在同一个目录下。
3. 确保你的项目结构如下所示:
```
- 项目根目录
- app.js
- index.html
- jquery-3.7.0.js
```
4. 如果你的项目结构不同,你需要相应地调整相关文件的路径。
如果你依然无法解决问题,请提供更多详细的错误信息,以便我更好地帮助你。
<!DOCTYPE html> <html> <head> <title>Node.js Demo</title> </head> <body> <button onclick="addData()" class="addData">按钮一</button> <button onclick="getDataList()" class="DataList">按钮二</button> <div id="result"></div> <script type="text/javascript" src="jquery-3.7.0.js"></script> <!-- <script src="https://cdn.jsdelivr.net/npm/jquery"></script> --> <script> $(".addData").click(function () { var oAjax = $.ajax({ url: "http://127.0.0.1:3000/home", type: "post", success: function (data) { alert(data); } }) }) $(".DataList").click(function () { var oAjax = $.ajax({ url: "http://127.0.0.1:3000/home", type: "post", success: function (data) { var resultDiv = document.getElementById("result"); resultDiv.innerHTML = data; alert(data); } }) }) </script> </body> </html>const express = require('express'); const bodyParser = require('body-parser'); const app = express(); app.use(bodyParser.urlencoded({ extended: false })); app.use(bodyParser.json()); app.post("/addData", (req, res) => { res.send("添加成功"); }); app.post("/dataList", (req, res) => { var arr = []; var zhansan = { name: "张三", age: 19 }; var lisi = { name: "李四", age: 19 }; arr.push(zhansan); arr.push(lisi); res.send(JSON.stringify(arr)); }); const port = 3000; app.listen(port, () => { console.log(`服务器已启动,正在监听端口 ${port}`); }); // //设置一个路由--不使用模块化 // //语法:app.get("/自定义一个名字",callback) // //语法:app.post("/自定义一个名字",callback) app.post("/home",(req,res)=>{ // // req 请求---向服务器请求资源 // // res 响应--给前端发送数据 res.send("home页面") })没实现点击按钮
你在代码中存在一个问题,就是你的按钮点击事件绑定的是`addData()`和`getDataList()`函数,但是你的JavaScript代码中没有定义这两个函数。另外,你的接口路径应该是`/addData`和`/dataList`,而不是`/home`。
你可以尝试使用以下代码,它修复了上述问题:
```html
<!DOCTYPE html>
<html>
<head>
<title>Node.js Demo</title>
<script src="jquery-3.7.0.js"></script>
</head>
<body>
<button onclick="addData()" class="addData">按钮一</button>
<button onclick="getDataList()" class="DataList">按钮二</button>
<div id="result"></div>
<script>
function addData() {
$.post("/addData", function(data) {
alert(data);
});
}
function getDataList() {
$.post("/dataList", function(data) {
var resultDiv = document.getElementById("result");
resultDiv.innerHTML = data;
alert(data);
});
}
</script>
</body>
</html>
```
另外,确保你在项目根目录下有一个名为`jquery-3.7.0.js`的文件,它将被用于引入jQuery库。如果没有该文件,可以从jQuery官网下载并保存到项目根目录下。
然后,确保你的Node.js服务器代码与之前提供的代码一致。
现在,当你在浏览器中访问页面并点击按钮时,应该能够正常调用接口并弹出相应的结果,或者将结果填充到页面中的`<div>`元素中。
阅读全文