首页 > 文章资讯 > 技术教程 > pbootcms教程 > 前端通过ajax向后端请求数据例子

前端通过ajax向后端请求数据例子

时间：2023年09月24日

来源：网络

编辑：佚名

HTML代码
<form method="post">
<input type="text" name="word" id="shouji_haoma_num" value="" class="ipt_text" placeholder="请输入您需要查询的信息">
<button class="btn_orange_1" type="button" onclick="chamb()">查询</button>
</form>
JS代码
function chamb(){
var word=$('input[name="word"]').val();
var telStr = /^[1]([3-9])[0-9]{9}$/;
if (!(telStr.test(word))) {
layer.msg('信息输入不规范');
return '';
}
$.ajax({
url:"API地址",
type:"post",
data:{"word":word},
success:function(data){
if(data.error==1){
layer.msg(data.msg);
return '';
}else{
$('.result_area').html(data.msg);
window.scroll(0, 0);
resizel();
}
},
dataType:"json"
});
}
API响应内容
{"error":0,"msg":"返回的数据"}

新闻资讯更多

猜你需要