<script type="text/javascript">
$('#button').on('click', function() {
var phone = document.getElementById('phone').value;
var contents = document.getElementById('contents').value;
if(phone==''){
alert('微信号不能为空');
return false;
}
if(contents==''){
alert('简介不能为空');
return false;
}
$.ajax({
url: 'url',
type: 'post',
data: $('#mess input[type=\'text\'], #mess input[type=\'hidden\'], #mess textarea'),
dataType: 'json',
success: function(json) {
alert('录入成功');
console.log(json.data) //返回接口 json.data的值
},
error: function(err) {
alert(err);
console.log(err);
}
});
$("input[type=reset]").trigger("click");//触发reset
});
</script>
//信息
<script type="text/javascript">
$('#getBoy').on('click', function() {
$.ajax({
url: 'url',
type: 'post',
data: $(' #getBoyMess input[type=\'hidden\']'),
dataType: 'json',
success: function(json) {
// alert('获取成功');
var data = json.data;
var html = '<div class="item">手机号:'+json.data.phone+'</div><div class="item">简介:'+json.data.contents+'</div>';
$(".out .outboy .itembox").html(html);
},
error: function(err) {
alert(err);
console.log(err);
}
});
});
</script>
//JQ渲染数据
/* for (var a in data) {
console.log(data[a]);
listhtml += '<div class="item">'+data[a]+'</div>' //不能少了 + 号。
setTimeout(function () {
}, 100);
}
$(".div .itemdiv").html(listhtml);
*/
JQ的 ajax 请求接口基础用法
最新推荐文章于 2024-03-17 09:54:54 发布