ajax和json实现自动补全

本文介绍了AJAX技术,一种用于局部刷新网页的技术,并详细解释了其常用的参数如url、type、data等。同时,文章对比了POST请求的简化用法,通过实例展示了如何为文本框添加失焦事件以发送数据到服务器。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

AJAX:

只刷新局部页面的技术(Asynchronous,JavaScript,And,Xml)

常用参数:url,type,data,dataType,success,error

//案例:给文本框添加失焦事件

$.ajax({
        url:"vname.do",//请求地址
        data:{iname:name},//"iname="+name,请求参数(传递服务器)
        type:"post",//请求参数
        dataType:"text",//预期服务器可能返回数据类型
        success:function(data){//成功的回调函数  data是服务器返回的数据
                alert(data);
                $("#aa").html(data);//给span赋值
        },
       error:function(){//失败的回调函数
               alert("有误");
       }
 }); 

POST:

这是一个简单的post请求功能以取代复杂的$.ajax。请求成功时可调用回调函数。如果需要在出错时执行函数,就需要使用 $.ajax。

常用参数:url,data,type,success

//案例:给文本框添加失焦事件

$.post("vname.do",{iname:name},function(data){
         $("#aa").html(data);
})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值