无锡商业网站建设,.net网站开发岗位,wordpress 更换图片,网站编辑软件都有哪些jQuery中的Ajax学习#xff1a;jQuery是js的一个轻量型框架#xff0c;已经将js创建的操作进行了封装#xff0c;而ajax也是js的一部分#xff0c;所以jQuery也已经将ajax进行了封装。封装#xff1a;$.get(url,data,fn) url:请求地址data:请求参数#xff0c;参数格式为…jQuery中的Ajax学习jQuery是js的一个轻量型框架已经将js创建的操作进行了封装而ajax也是js的一部分所以jQuery也已经将ajax进行了封装。封装$.get(url,data,fn) url:请求地址data:请求参数参数格式为json对象fn:回调函数,注意函数要声明一个形参用来接收响应数据
$.post(url,data,fn) url:请求地址data:请求参数参数格式为json对象fn:回调函数,注意函数要声明一个形参用来接收响应数据
$.ajax({json格式参数}) 参数说明参照type:请求方式 (POST 或 GET) 默认为 GETurl:请求地址data:发送到服务器的数据。将自动转换为请求字符串格式。必须为键值对格式。success:类型为Function, 请求成功后回调函数。参数服务器返回数据数据格式。 这是一个Ajax 事件。代码实现需要引入的jquery-1.9.1.js268.4K · 百度网盘% page languagejava contentTypetext/html; charsetUTF-8pageEncodingUTF-8%
!DOCTYPE html
html
head
meta charsetISO-8859-1titleInsert title here/title!-- 引入jQuery文件 --script typetext/javascript srcjs/jquery.js/script!-- 声明js代码域 --script typetext/javascript//页面加载成功给HTML元素添加事件$(function(){//给用户名文本框添加失去焦点事件$(#uname).blur(function(){//发起ajax请求校验用户名是否被注册//get请求方式/* $.get(data,{uname:$(#uname).val()},function(data){alert(data);}); *///post请求方式/* $.post(data,{uname:$(#uname).val()},function(data){alert(data);}); *///$.ajax方式$.ajax({type:get,url:data,data:uname$(#uname).val(),success:function(data){if(eval(data)){alert(用户名已被注册);}else{alert(用户名OK);}}})})})/script
/head
bodyh3jQuery中的ajax学习/h3hr/用户名input typetext nameuname iduname value//body
/html数据库中有“张三”的校验结果数据库中没有“赵四”的校验结果参考文件JQuery_1.4_API.CHM501.4K · 百度网盘jQuery.ajax()