<html>
<head>
<title>
测试JQUERY提交动态文本
</title>
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
$(function(){ //引用的jquery文件我就不上传了，大家应该都有的。
//by http://dcdc723.iteye.com
$("#a1").clone().appendTo("#ap");
var a=""; //定义全局变量 a;
txtadd();
alert(a); //测试全局变量是否有值；
$("#tall").blur(function(){ alert("测试一下"); }); //添加一个从同步事件里返回文本框的blur事件
$("#a1").blur(function(){ alert("本页面事件!"); });//注意，clone出来的a1文本框不具有blur事件；
function txtadd(){
$.ajax({
async:false, //使用同步请求，因为异步请求不能将返回值传给全局变量；
type:"post",
url:"autotxt.php",
data:{txtid1:1,txtid2:2},
beforeSend:function(){$("#tt").html("数据加载中。。。")},
success:function(data){$("#tt").html(decodeURI(data)); //autotxt.php返回值<input name='tall' id='tall' value='dc' maxlength='6'/>；
a=$("#tall").val(); //将返回值做处理给全局变量
}
});
}
})
</script>
</head>
<body>
<form action="autotxt.php" method="post">
<div id="tt"></div>
<div id="ap"></div>
<input type="text" id="a1" name="a1" value="测试" />
<input type="hidden" id="ok" name="ok" value="ok" />
<input type="submit" value="确定" />
</form>
</body>
</html>
分享到：
相关推荐
jQuery 提供了多种 AJAX 方法来简化这一过程，其中 `$.post()` 是一种常用的方式来实现客户端向服务器端发送数据并接收响应。本文将详细探讨 `$.post()` 的使用方法，特别是在传递 JSON 数据时的应用。 #### 一、`$...
本文介绍如何正确地从 $.ajax() 的 success 回调函数中获得返回值，并将其用于后续的事件处理。 首先，需要注意的是，在 $.ajax() 的 success 回调函数中直接返回值是不正确的操作，因为这里的返回并不会影响外部...
jQuery中的$.post方法是实现AJAX（异步JavaScript和XML）通信的一种简便方式。通过$.post方法，开发者可以轻松地以POST方式向服务器发送数据，并接收服务器返回的信息。 $.post方法的特点在于它是一种异步的请求...
在本文中，将重点介绍如何使用jQuery结合$.ajax方法实现即时验证的功能，并分享相关的技术细节和代码实现。 首先，要实现即时验证，前端的JavaScript代码是不可或缺的部分。这里使用了jQuery库中的$.ajax方法进行...
### jQuery中$.each()函数的深入理解与应用 #### 一、概述 在现代Web开发中，jQuery作为一个非常流行的JavaScript库，提供了丰富的功能和简洁的API来简化HTML文档遍历、事件处理、动画以及Ajax交互等操作。其中，`...
在JavaScript和jQuery的世界里，`$.ajax`系列方法是用于执行异步数据请求的核心工具，其中`$.post`是它们的简化版本，专门用于POST类型的HTTP请求。然而，当遇到"jQueryPost页面不能刷新"的问题时，这通常意味着在...
4. **AJAX**：jQuery的`$.ajax()`和`$.get()`、`$.post()`等函数简化了异步数据请求，让跨域请求变得容易。 5. **动画**：`.fadeIn()`, `.slideToggle()`, `.animate()`等方法让创建复杂的动画效果变得轻松。 6. *...
AJAX技术允许网页在不重新加载整个页面的...通过使用jQuery的$.ajax方法，开发者可以更加便捷地实现与后端服务的数据交换，并根据返回的数据进行相应的前端业务逻辑处理。掌握上述知识点对于Web开发人员来说至关重要。
- **Ajax**：`$.ajax()`, `$.get()`, `$.post()`, `getJSON()`等方法简化了与服务器的数据交互。 ### 5. 兼容性和性能提升 jQuery 3.x系列致力于提高对ES6及以后新特性的支持，并优化了性能。对于不再支持的旧...
$.ajax({ async: false, type : “POST”, url : defaultPostData.url, dataType : ‘json’, success : function(data) { temp=data; } }); alert(temp); 这个ajax请求则为同步请求，在没有返回值之前，...
在异步操作中，如果在$.ajax()中直接返回一个值，这个返回值并不会直接传递到调用$.ajax()方法的地方。这是因为在AJAX请求的响应到达之前，$.ajax()方法已经执行完毕，此时无论AJAX请求是否成功完成，$.ajax()的...
3. **$.each()**：这个方法可以遍历对象或数组，允许开发者在循环过程中进行操作，是jQuery中非常实用的一个工具。 4. **$.proxy()**：用于设置函数的作用域，确保函数在被调用时始终能访问正确的`this`上下文。 ...
对于更简单的GET或POST请求，jQuery提供了简化的`$.getJSON()`, `$.get()`, `$.post()`方法，它们是`$.ajax()`的封装，方便快捷地进行数据请求。 综上所述，通过jQuery的AJAX功能，我们可以轻松地在客户端与ASP...
5. **链式操作**：jQuery的返回值通常是jQuery对象，这使得可以连续调用多个方法，如`$("p").addClass("highlight").css("color", "red");`。 四、jQuery 3.x版本的改进 jQuery 3.x系列对早期版本进行了优化，主要...
$.getJSON是jQuery库中用于发起异步AJAX请求的一个方法，它的目的是为了简化JSON数据的加载过程。在AJAX通信中，请求可以是异步的，也可以是同步的。异步请求不会阻塞后续代码的执行，而同步请求则会阻塞，直到请求...
1. **$.ajax()**: 这是最通用的AJAX函数，允许设置各种参数，如URL、类型（GET或POST）、数据、回调函数等。 2. **$.get()**和**$.post()**: 这两个简化的函数分别用于GET和POST请求。例如，`$.get("script.php", ...
5. **事件绑定** 的改变：$.on()和$.off()取代了$.bind()、$.unbind()、$.delegate()和$.undelegate()，提供了更加灵活和强大的事件处理方式。 6. **选择器性能** 提升：jQuery 1.7对CSS选择器引擎进行了优化，提高...
jQuery提供了`$.ajax()`方法，它是所有其他AJAX功能的基础。例如，我们可以使用以下代码向服务器发送GET请求： ```javascript $.ajax({ url: 'server-url', type: 'GET', success: function(data) { // 处理...
在Web开发中，使用AJAX与服务器进行异步通信是常见的需求，jQuery为此提供了便捷的$.ajax()方法。但开发者们可能会遇到一个问题：在$.ajax()方法中，尽管我们试图通过return语句返回一些值，却常常发现这些返回值...