<script src="../utils/jQuery.min.js"></script> <script> $.ajax({ url: "url1", type: "get", success: (data) => { const { id } = data; $.ajax({ // 用第一个请求得到的数据,去请求第二个 url: "url2", type: "get", data: { id }, success: (data) => { const { code } = data; $.ajax({ // 用第二个请求的数据,去请求第三个 url: "url3", type: "get", data: { code }, success: (data) => { console.log("终于拿到", data); }, }); }, }); }, }); </script>引入jquery.js报错
时间: 2024-01-07 18:02:32 浏览: 25
可能是因为你的路径不正确导致的。请确认你的文件路径是否正确,或者你是否已经将 jQuery.min.js 文件下载到本地并正确引入。建议使用 CDN 引入 jQuery:
```
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
```
相关问题
<script> import utils from '@/jquery-3.3.1.min.js'; $(function(){ $.get('http://127.0.0.1:8000/api/identity/', function(res) { var rows = [] $.each(res, function(i, item){ $('#content').append( '<div class="user_image">' +item.name+'</div>' ) }) }) }) </script>
这段代码中有一些问题。
首先,在uniapp中,我们不需要引入jQuery库。uniapp框架本身已经封装了许多常用的方法和API,可以直接调用而无需依赖jQuery库。如果您确实需要使用jQuery库,可以通过npm安装,并在`main.js`文件中引入,并将其挂载到Vue实例上,如下所示:
```javascript
import $ from 'jquery';
// 将jQuery挂载到Vue实例上
Vue.prototype.$ = $;
```
然后,在上述代码中,您使用了jQuery的`$.get()`方法发起了一个AJAX请求,但是在uniapp中,我们推荐使用uni.request()方法发起网络请求。使用`uni.request()`方法的示例代码如下所示:
```javascript
<script>
export default {
mounted() {
uni.request({
url: 'http://127.0.0.1:8000/api/identity/',
success: (res) => {
let rows = []
res.data.forEach((item) => {
rows.push(`<div class="user_image">${item.name}</div>`)
})
document.getElementById('content').innerHTML = rows.join('')
}
})
}
}
</script>
```
在上述代码中,我们使用了`uni.request()`方法发起了一个GET请求,并在请求成功后处理了返回的数据。由于uni.request()方法是异步的,因此我们需要在`success`回调函数中处理返回的数据。
另外,由于uniapp中使用的是Vue框架,因此我们在页面中通常不直接操作DOM元素,而是通过Vue的数据绑定机制来更新页面。在上述代码中,我们使用了一个`rows`数组来存储返回的数据,并使用`join()`方法将其转换为一个字符串,最后通过`innerHTML`属性将其更新到页面上。
希望这些信息对您有所帮助!
Ajax讀取excel文件渲染並顯示在HTML頁面中,附源碼
要使用Ajax读取Excel文件并在HTML页面中渲染和显示,可以使用以下步骤:
1. 首先在网页中引入 jQuery 和 SheetJS 的库文件:
```html
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js"></script>
```
2. 在页面中添加一个用于显示Excel数据的容器:
```html
<div id="excel-data"></div>
```
3. 使用以下代码读取Excel文件并将其渲染到HTML页面中:
```html
<script>
$.ajax({
url: 'path/to/your/excel/file.xlsx',
dataType: 'binary',
responseType: 'arraybuffer',
success: function(data) {
var workbook = XLSX.read(data, { type: 'binary' });
var sheet_name_list = workbook.SheetNames;
sheet_name_list.forEach(function(sheet_name) {
var worksheet = workbook.Sheets[sheet_name];
var html = XLSX.utils.sheet_to_html(worksheet);
$('#excel-data').append(html);
});
}
});
</script>
```
4. 替换 `path/to/your/excel/file.xlsx` 为你的Excel文件路径。
这样就可以使用Ajax读取Excel文件并将其渲染到HTML页面中了。需要注意的是,这种方法只适用于在客户端浏览器中读取Excel文件,不适用于在服务器端读取Excel文件。