<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>
时间: 2024-03-30 07:34:17 浏览: 81
jquery-3.3.1.js和jquery-3.3.1.min.js
这段代码中有一些问题。
首先,在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`属性将其更新到页面上。
希望这些信息对您有所帮助!
阅读全文