首页 / JQUERY / ajax学习3--使用jQuery

ajax学习3--使用jQuery

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ajax学习3--使用jQuery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1196字，纯文字阅读大概需要2分钟。

内容图文

        <html>
  <head>
   
    <title>My JSP ‘regJquery.jsp‘ starting page</title>
    <!--引入jQuery文件  -->
    <script type="text/javascript" src="js/j.js"></script>
    <!-- 
    	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格式参数}):参数说明参照api
    			
    		
    		
     -->
    <!--声明js代码域  -->
    <script type="text/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){
	    						alert(data);
	    					}
	    				})	
    		})
    	})
    </script>
  </head>
  
  <body>
  	<h3>jQuery中的ajax学习</h3>
  	<hr />
   	 用户名: <input type="text" name="uname" id="uname" value="" />
  </body>
</html>

原文：https://www.cnblogs.com/xzlf/p/12904912.html

内容总结

以上是互联网集市为您收集整理的ajax学习3--使用jQuery全部内容，希望文章能够帮你解决ajax学习3--使用jQuery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1290005.html

来源：【匿名】