前提:准备好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实现例子)
ajax,jQuery 例子大全,json例子,入门到精通的都在里面。 还有javascript帮助文档
工作之余写的一些Ajax应用,有6个Demo,数据库为mysql,使用之前看readme.txt。javascript与jquery混用。无刷新购物车、输入提示、表格局部刷新、xml实时数据更新、划词解释。
jquery和ajax的集成例子 jquery和ajax的集成例子 jquery和ajax的集成例子
用struts2+jquery的ajax的几个小例子,级联,自动补全等,没有数据库,直接就运行。
php+jquery+ajax最简单例子
Ajax表单提交插件jquery form
Ajax-JQuery-JSON-Form-Binding.zip,用于将json数据绑定到表单的轻量级插件。对于使用ajax和具有大量字段的表单很有用。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和...
代码里面是实例Ajax.BeginForm与JqueryUI(Dialog)的例子,欢迎大家来我的博客:http://www.cnblogs.com/csdbfans
mvc jquery Ajax,用户登录,无刷新分页。数据库为sql 2005备份文件,在sql 2005_bak文件夹下。各位前辈看了,对不合理的请指教。
ajax WCF jquery ajax WCF jquery ajax WCF jquery ajax WCF jquery
使用Ajax和jQuery技术做的校验用户名的例子,。适合初学者参考
MVCAJAX用JQUERY调用实例例子 一个简单的入门例子 MVC下用JQUERY调用AJAX并用JSON返回输入的值
form id="form"> <input type="text" name="username"> <input type="file" name="file"> <input type="button" id="btn" value="提交"> </form> [removed][removed] [removed] ...
jQuery 的Ajax应用 jQuery操作表格 jQuery插件
jquery 分页详细例子 ajax无刷新
ajaxForm插件
AJAX与jquery试题,检查对ajax和jquery基本知识的掌握
初学ajax的可以看看,Jquery实现AJAX 应用
ASP.net批处理实现无刷新ajax和jquery.form的图片批量上传例子