微信开发者工具中教你如何跳转页面
对了这个是wxml代码：
<view class="container">
<view class="header">
<text class="title">英语单词查询</text>
</view>
<form bindsubmit="onSubmit">
<view class="input-item">
<label for="word">请输入单词：</label>
<input type="text" id="word" name="word"></input>
</view>
<button class="query-btn" type="submit">查询</button>
</form>
<view class="result-container">
<text class="result-text">{{resultText}}</text>
</view>
</view>
这个是js代码：Page({
data: {
resultText: '',
},
onSubmit: function (event) {
event.preventDefault(); // 阻止表单默认提交行为
const word = event.detail.value.word.trim();
if (word === '') {
this.setData({
resultText: '请输入一个单词',
});
return;
}
wx.request({
url: `https://api.dictionaryapi.dev/api/v2/entries/en/${word}`,
success: (res) => {
const data = res.data;
const meaning = data[0].meanings[0].definitions[0].definition;
this.setData({
resultText: `${word} 的意思是：${meaning}`,
});
},
fail: () => {
this.setData({
resultText: '查询失败，请尝试重新输入单词',
});
},
});
},
});
我就一直执行不出来，也就是点查询没反应，不知道有没有打咯能搞定呀。搞定后艾特我一下哈[微笑]
