业务场景描述
输入核销码,点击搜索,下拉列表展现出订单的所有项目
实现逻辑:
给add.html的js里面,给搜索按钮绑定单击事件
add: function () {
//绑定单机事件
$("#ss").click(function(){
//点击之后,获取核销码input的值
var key = $("#c-code").val();
//然后写一个ajax
$.ajax({
url: "hexiao/goods",//API 地址
type: "POST", // 请求类型
dataType: "json", // 预期的响应数据类型
data:{"code":key},//这里传获取的核销码
success: function(result){
// 当请求成功时执行此回调函数
// 在这里处理返回的数据
layer.msg(result.msg, {icon: result.code}); //弹窗
$("#c-goods_name").val(result.goods_name);//这里赋值给商品名称输入框
$("#c-phone").val(result.phone);//这里赋值给用户名称输入框
//定义空变量
var a= '';
//下拉有多个内容,开始循环拿值
for(var i=0;i<result.taocan.length;i++){
a+=`
<option value='${result.taocan[i].id}'>${result.taocan[i].title}</option>
`;
}
//赋值给下拉列表
$("#c-name").html(a);
},
error: function(xhr, status, error){
// 当请求失败时执行此回调函数
console.error(xhr.responseText);
}
});
}
Controller.api.bindevent();
},
输入核销码,点击搜索。触发单击事件,通过ajax请求方法,传递核销码,后台通过核销码查找到相关信息,再返回赋值