简单的jquery ajax提交
2012-04-01 00:26
281 查看
自己没事玩的。CSDN的编辑器要是不把js和html分开该多好
引入的jquery1.7的
SCRIPT
PHP
引入的jquery1.7的
<!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" /> <title>测试ajax</title> </head> <script src="jquery-1.7.1.min.js"></script> <body> <form name="form1" id="form1" action="" enctype="multipart/form-data"> <input type="text" name="wb" id="wb" /> <input type="button" onclick="ajaxSUB()" value="ajax提交" /> <hr /> 这是ajax返回的值: <div id="reData"></div> </form> </body> </html>
SCRIPT
function ajaxSUB(){ var wbData = $('#wb').val(); $.post( "ajax.php", {wb: wbData}, function(data){ $('#reData').append(data); } ); }
PHP
<?php $v = isset($_POST['wb']) ? 'POST请求:'.$_POST['wb'] : 'GET请求:'.$_GET['wb']; echo '<h3>'.$v.'</h3>'; echo "<hr />"; ?>
相关文章推荐
- jquery ajax 简单常用post get提交方式
- jquery ajaxSubmit 异步提交的简单实现
- jquery ajaxSubmit 异步提交的简单实现
- jquery ajax的简单使用
- 参数化提交SQL语句和拼接SQL语句安全性分析 SQL注入 简单对比分析
- 防止表单重复提交的八种简单有效的策略
- jquery ajax提交表单数据的两种方式
- jquery ajax请求后台 的简单例子
- 关于在mvc3中如何提交的不是submit 只是简单的标签或者按钮的话 如何获取表单的model的值
- jquery ajax提交表单数据的两种实现方法
- Jquery Ajax解析XML数据(同步及异步调用)简单实例
- JQuery AJAX提交中文乱码的解决办法
- jdbc-简单事务提交案例
- 写给新手:js的表单操作(二) 简单的表单提交验证
- jquery ajax post提交数据乱码
- java--简单实现代码提交校验
- JavaScript--简单实现按回车键,光标跳转到后一文本框中和表单提交
- Git 关于Fast Forward提交的简单说明
- 简单Demo的用户登录JSP界面IE、Firefox(chrome) Enter 键提交表单
- 识别简单验证码并进行提交