我的Jquery 和ajax

最新推荐文章于 2024-03-13 07:00:00 发布
最新推荐文章于 2024-03-13 07:00:00 发布
阅读量465 收藏
点赞数
分类专栏： 前端 文章标签： jquery ajax html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/r0a0n0/article/details/39051439
版权 
<script>
	$(document).ready(function(){
		$(".box_sq").click(function(){
			
			$("form").submit();
			
		})
		
		$("#secureKey").keyup(function(){
			var tem=$("#secureKey").val();
			var part=tem.replace(/[^\da-z]/g, '').replace(/([\da-z]{4})(?=[\da-z])/g, "$1-");
			$("#secureKey").val(part);

		})
		
		
		$("html").die().live("keydown",function(event){    
	        if(event.keyCode==13){ 
	        	$("img").show();
	        	$("form").submit();    
	         }    
	    });    

		
	})
</script>

上面是特效啊

下面是HTML

<body>
	<div class="box_bg" id="box_Size">
    	<div class="box_bg">
        	<div class="box_content">
            	<h1 class="box_name"><span></span>易美云文档管理一体机</h1>
            	<form action="authorize" method="post">
	                <div class="box_mac">
	                	<h3>机器码</h3>
	                    <div class="input_border">
	                      <input readonly="readonly" name="accessID" class="input_bg" value=${(accessID)!''}/>
	                    	<!-- <h4>${(accessID)!''}</h4> -->
	                    </div>
	                </div>
	                <div class="box_mac">
	                	<h3>请输入激活码<span class="box_sq"><a href="help" title="申请购买" alt="申请购买">申请购买</a></span><br  class="cls"/></h3>
	                    <div class="input_border">
	                    	<input name="secureKey" maxlength="39" id="secureKey" type="text" class="input_bg"/>
	                    	<img src="../static/images/box_loading.gif" style="display: none" align="right"></img>
	                    </div>
	                </div>
                </form>
            </div>
        </div>
        <div class="box_Wel">欢迎使用易美云同步盘!</div>
    </div>


</body>

下面是网页效果


还有关于jquery +ajax 的

<script>
	$(document).ready(function(){
		
		$(".ids_fault span").click(function(){
			 var name = $(this).attr("myvalue");
			   $.ajax({
				   url:"hello",
				   data:{
					   param:name
					   },
			   		success:function(){
			   			alert("heloo");
			   			location.href="rpm";
			   		}
			   })
			   
		})
	})

</script>

HTML如下 

<body>
	<div id="box_Size">
    	<h1 class="box_ids"><img src="../static/images/box_name_01.png" width="793" height="31" /></h1>
        <div class="box_bg_two">
        	<table width="100%" border="0" cellspacing="0" cellpadding="0" class="box_tab">
              <tr>
                <td class="ids_name">服务名称</td>
                <td class="ids_name" id="time"></td>
              </tr>
              
              <tr>
                <td class="ids_bg_left">PreviewServer</td>
                <td class="ids_bg_right">运行正常</td>
              </tr>
              <tr>
                <td class="ids_fault">SearchEngine</td>
                <td class="ids_fault">运行异常</td>
              </tr>
              <tr>
                <td class="ids_bg_left">Mysql</td>
                <td class="ids_bg_right">运行正常</td>
              </tr>
               <#if list??>
	    	<#list list as map>
	    		 <#list map?keys as k>
	    		 <tr>
	    		 	
	    		 	<#if map[k]="异常停止">
	    		 		<td class="ids_fault">${k}</td>
	    		 		<td class="ids_fault"><span  myvalue='${k}'>${map[k]}</span></td>
	    		 		<#else>
	    		 		<td class="ids_bg_left">${k}</td>
	    		 		<td class="ids_bg_right">${map[k]}</td>
	    		 	</#if>
	    			
	    		</tr>	
				</#list>
	    	</#list>
	    
	    </#if>
        </table>
        <a href="#" class="IDS_but" title="关于运行监控" alt="关于运行监控"></a>
        </div>
    </div>


</body>

好了，供自己借鉴吧

浅浅小水沟
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery实现AJAX和AJAX跨域问题
qq_37035987的博客
07-02 3253
1、跨域是指从一个域名的网页去请求另一个域名的资源，AJAX存在跨域问题，比如下面从服务器a发送AJAX请求到服务器b。2、同源策略是指一段脚本只能读取来自同一来源的资源，同源就是协议、域名、端口都相同。后台响应需要获取AJAX请求时穿过来的函数名，默认为callback，可以通过。3、在被访问中设置响应头来解决AJAX跨域问题。dataType : "jsonp"(这里一定要写jsop)4、用jsopn解决AJAX跨域问题。二、用AJAX实现一个省市联动动态展示功能。一、AJAX跨域问题。
JQuery发送AJAX请求
gcsyzy的博客
04-01 1468
JQuery发送AJAX请求的三种方式：$get()，$post()，$ajax()
生成与中文字符串相对映的拼音首字母串的函数(js)
热门推荐
xuStanly的专栏
08-28 1万+
/*作者:梅雪香日期:2006-7-29功能:生成与中文字符串相对映的拼音首字母串版本: V1.0 alpha*/// 汉字拼音首字母列表 本列表包含了20902个汉字,用于配合 ToChineseSpell //函数使用,本表收录的字符的Unicode编码范围为19968至40869, XDesigner 整理var strChineseFirstPY = "YDYQSXMWZSSXJBYMGC
jQuery Ajax 和 axios Ajax
qq_59612674的博客
11-06 2954
区别： axios是通过promise技术实现对ajax实现的一种封装，本身上来说axios就是ajax，但是ajax却不单单只是axios；jQuery也实现了对ajax技术的封装，但是jQuery主要是对原生JavaScript进行封装，封装了js三大核心要素：ECMAScript、DOM、BOM，所以说jQuery封装的ajax只是其中的一小部分，如果通过引用jQuery来进行ajax交互实在是显得有所浪费资源，因此vue中封装了axios来实现对ajax技术的单独封装。 什么是 jQuery ？
ajax和jquery什么关系,Jquery和Ajax的关系！
weixin_32019949的博客
08-05 2552
Jquery是一种JavaScript框架，而Ajax(Asynchronous JavaScript and XML)是异步JavaScript和XML。Jquery是JavaScript的框架，而Ajax是JavaScript的一种应用！也就是说Jquey是JavaScript的一个函数库，而JavaScript包含Ajax。Jquery在Ajax的基础上进行了封装了，也就是说在Jquery中...
「jQuery系列」jQuery中Ajax的运用
最新发布
日常笔记/总结/系列知识梳理
03-13 2233
jQuery Ajax 是 jQuery 提供的一个功能强大的异步通信方法，它允许网页与服务器之间进行数据交换，而无需重新加载整个页面。通过使用 Ajax，开发者可以实现更加流畅和响应式的用户体验，减少不必要的网络传输和页面加载时间。jQuery Ajax 的核心方法是$.ajax()，它提供了丰富的选项和回调函数，用于配置和执行 Ajax 请求。下面是一个基本的$.ajax()$.ajax({url: 'https://api.example.com/data', // 请求的 URL。
ajax和jquery什么关系,jquery和ajax的关系是什么样的？
weixin_42489088的博客
08-05 3375
一直以来我们都知道jquery能够调用ajax，就好像理所当然一样，小伙伴们知道它们到底是什么关系吗?本篇文章就一起来了解下。Jquery是一种JavaScript框架，而Ajax(Asynchronous JavaScript andXML)是异步JavaScript和XML。Jquery是JavaScript的框架，而Ajax是JavaScript的一种应用!就是说Jquey是JavaScri...
用jQuery实现Ajax
m0_53698336的博客
11-01 6647
Ajax 全称“Asynchronous JavaScript and XML”，译为“异步 JavaScript 和 XML”，程序员们习惯称之为“阿贾克斯”，它并不是一种技术，而是多种技术的综合体，其中包括 JavaScript、XML、JSON、DOM、CSS、HTML 以及最重要的 XMLHttpRequest 对象。通过 Ajax 可以异步从服务器请求数据并将数据更新到网页中，整个过程不需要重载（刷新）整个网页，可以将网页的内容更快的呈现给用户。 这里的异步是指，当程序执行到 Ajax 代码时，将
jQuery封装ajax
古城的博客
10-15 2374
jQuery实现对ajax的封装，使代码轻量化 AJAX—$.get() $.get()是一个简单的 GET 请求功能。请求成功时可调用回调函数。 $.get(url,[data],[callback],[type]) url:发送请求地址。 data:待发送 Key/value 参数。 callback:发送成功时回调函数。 type:返回内容格式，xml, html, script, json, text, _default 注意：请求是通过 URL 提交的 提交有大小限制（2KB） AJAX— $.p
Ajax和JQuery
捌椒的博客
09-18 1692
是什么?javascript 的代码框架。有什么用?简化代码，提高效率。核心write less do more , 写得更少，做的更多。
jQuery和Ajax
12-23
关于jQuery和Ajax的简单介绍，可以学到jQuery特殊选择器和方法等的类型以及应用。
Ajax和Jquery
04-27
**Ajax和jQuery** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页实现异步更新。这种方式可以让网页保持交互...
jQuery的ajax下载blob文件
10-21
主要介绍了jQuery的ajax下载blob文件的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
jQuery-ajax-用户名异步请求
10-21
在Web开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能，特别是如何利用它进行异步用户名验证。Ajax，即Asynchronous JavaScript and ...
今天抽时间给大家整理jquery和ajax的相关知识
10-23
今天我们将深入探讨jQuery和AJAX的相关知识，这两个技术在现代Web开发中扮演着至关重要的角色。AJAX，全称为“异步JavaScript和XML”，是一种创建动态网页应用的技术，允许网页在不完全刷新的情况下与服务器进行数据...
Java上传图片并预览
r0a0n0的专栏
07-10 9671
需求，上传图片，并可以预览，需要强调的是必须选择的为图片，不然wuf
运用freemaker 将后台传过来的 List<Map<String,String>> 类型的值显示到HTML页面
r0a0n0的专栏
07-03 5072
今天遇到一个问题，就是通过后台传过来一个List参数 ，list的类型为List<Map<
更改上传文件的样式<input type="file>
r0a0n0的专栏
07-04 1239
很多人肯定都遇到过关于那个样式z
jquery和ajax
12-14
jQuery是一个JavaScript库，它简化了HTML文档的遍历和操作、事件处理、动画和Ajax等操作。而Ajax是一种在不重新加载整个页面的情况下，通过后台与服务器进行数据交互的技术。 关于jQuery中的Ajax请求，常用的有三个方法：$.get()、$.post()和$.ajax()。其中，$.get()一般用于从服务器获取数据，$.post()一般用于向服务器提交数据，而$.ajax()则是一个功能比较综合的函数，既可以获取数据，也可以提交数据，并且允许我们对Ajax请求进行更详细的配置。 下面是一个使用$.ajax()发起GET请求的例子： ```javascript $.ajax({ type: 'GET', // 请求方式为GET url: 'example.com/api/data', // 请求的URL地址 data: { // 请求携带的数据 param1: 'value1', param2: 'value2' }, success: function(res) { // 请求成功后的回调函数 console.log(res // 在控制台输出获取到的数据 } }); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值