前提：准备好jquery js库文件，自己根据js文件目录做相应修改。
先看代码：
1.jq_test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
<script type="text/javascript">
function sumitForm1(){
$.post('jq.php',{username:$('#username').val()},responseRs,'json');
}
function responseRs(rs){
$('#rs').html(rs.username);
}
</script>
<title>jquery测试</title>
</head>
<body>
<form name="form1" id="form1" action=""> <!--此行不需要也可-->
<input type="text" id="username" name="username" />
<input type="button" value="ajax提交" id="getme" onclick="sumitForm1()"/>
</form> <!--此行同form开始标签不需要也可-->
<div id="rs" name = "rs"></div>
</body>
</html>
2.jq.php
<?php
$result = array();
if(isset($_POST['username'])){
$username = $_POST['username'];
$result['username'] = $username;
}else {
$result['username'] = 'this is no username';
}
die(json_encode($result));
?>
分享到：
相关推荐
Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子)
在这个"AjaxForm_JqueryUI例子"中，开发者可能将Ajax.BeginForm用作表单的起始标签，这样当用户提交表单时，会通过AJAX发送数据到服务器。服务器接收到请求后，处理这些数据，然后返回响应。响应可以是验证错误、...
AjaxForm插件是一款广泛应用于网页表单提交的JavaScript库，它简化了使用AJAX技术进行异步表单提交的过程。这个插件使得开发者无需编写大量的AJAX代码，就能实现无刷新的表单提交，提高用户体验，同时保持服务器与...
**Ajax** Ajax（异步JavaScript和XML）是一种在无需刷新整个网页的情况下，能够更新部分...通过学习和实践这些例子，你可以更好地理解和掌握如何使用Ajax和jQuery来创建动态、交互式的Web应用，以及如何处理JSON数据。
工作之余写的一些Ajax应用，有6个Demo,数据库为mysql，使用之前看readme.txt。javascript与jquery混用。无刷新购物车、输入提示、表格局部刷新、xml实时数据更新、划词解释。
这个例子结合了MVC架构模式、JQuery库、Ajax技术，实现了用户登录验证和无刷新分页功能。数据库采用SQL Server 2005，利用其强大的数据存储和管理能力。无刷新分页提升了用户体验，JQuery简化了前端代码，而MVC结构...
jQuery是一款非常流行的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理以及Ajax交互。在Web开发中，jQuery是实现动态和交互性网页的关键工具。Ajax（Asynchronous JavaScript and XML）则是一种在无需...
在这个"AJAX+JQuery+JSON的综合例子"中，我们将探讨如何利用AJAX、jQuery库以及JSON数据格式来动态更新网页内容，特别是将JSON数据填充到HTML表格中。 首先，让我们了解这三个关键组件： 1. **AJAX**：AJAX是一种...
2. jQuery：这是一个JavaScript库，极大地简化了JavaScript的使用，提供了一种更简单的方式来处理DOM操作、事件处理、动画效果和AJAX交互。jQuery的核心特性是选择器，它允许开发者快速定位并操作DOM元素。 3. Ajax...
《jQuery Form插件详解及其应用》 jQuery Form插件，基于jQuery库，是用于处理HTML表单的增强工具，能够方便地实现异步提交、文件上传等功能，极大地简化了前端开发人员的工作。在这个主题中，我们将深入探讨jQuery...
使用jQuery选择器选取要处理的表单，并调用`.ajaxForm()`或`.form()`方法初始化插件。 ```javascript $('#myForm').ajaxForm(options); ``` 其中，`#myForm`是表单的ID，`options`是一个可选的对象参数，用于...
jQuery是一个强大的JavaScript库，简化了DOM操作、事件处理、动画制作以及Ajax交互。在本教程中，我们将深入探讨如何使用jQuery来实现Ajax功能，结合IntelliJ IDEA这一专业级Java开发工具，构建高效、动态的Web应用...
【jQuery的Ajax应用】 jQuery是JavaScript的一个库，它极大地简化了JavaScript的使用，包括处理Ajax交互。Ajax在jQuery中的应用让开发者能够实现无刷新的数据交换，提升了用户体验，减少了页面加载时间，同时也使得...
【标题】"源代码-Ajax(Jquery)实用例子 v1.0.zip" 指的是一份基于Ajax技术，利用Jquery库实现的实用示例代码集合，版本为1.0。这个压缩包可能包含了多个JavaScript文件、HTML文件以及CSS文件，展示了如何在实际Web...
在.NET开发环境中，结合AJAX和jQuery库，可以创建出高效、用户友好的图片批量上传功能。本示例代码着重展示了如何使用`.NET`后端处理、`AJAX`进行异步通信以及`jQuery.form`插件来实现这一功能。下面我们将详细探讨...
在IT领域，Ajax（异步JavaScript和XML）与jQuery库是网页开发中不可或缺的技术，尤其在构建交互式、动态和响应迅速的Web应用程序时。这个"ajax jquery小例子"提供了学习这两种技术的基础教程，非常适合初学者。下面...
"利用Ajax+Jquery实现异步进度条效果"这个主题正是围绕这一目标展开，它涉及到C#后端开发、.NET框架、Ajax技术以及Jquery库的前端应用。下面将详细阐述这些知识点。 首先，C#是一种面向对象的编程语言，广泛应用于...
jQuery是一个高效、简洁、易用的JavaScript库，它极大地简化了JavaScript的使用，包括Ajax操作。本篇文章将重点围绕jQuery中的Ajax应用进行详细讲解。 在“ajax例子—jquery相关例子”这个主题中，我们主要关注的是...
在IT行业中，jQuery和AJAX是...同时，jQuery的`.ajax()`方法还有许多可配置的选项，如设置请求头、超时时间等，可以根据实际需求进行调整。通过不断实践和学习，你可以掌握更多高级技巧，创建出更加复杂和高效的应用。
在这里，我们将深入探讨基于jQuery的Ajax应用，以"jQuery+Ajax例子"为标题，结合项目描述和标签，我们来详细讲解这些技术。 1. **jQuery简介** jQuery由John Resig在2006年创建，旨在使JavaScript编程变得更加简单...