jquery ajax 的 $.get()用法详解
来源:互联网 发布:python os.popen 编辑:程序博客网 时间:2024/06/05 09:12
转载于:http://www.cnblogs.com/breakdown/archive/2012/03/13/2393403.html
js文件
1
2
3
4
5
6
7
8
9
10
$(document).ready(
function
(){
$(
"form"
).submit(
function
(event) {event.preventDefault()})
//取消submit的默认行为
$(
"form input[type='submit']"
).click(
function
(){
var
url = $(
'form'
).attr(
'action'
);
// 取Form中要提交的链接
var
param = {};
// 组装发送参数
param[
'name'
] = $(
'form input[name=name]'
).val();
param[
'age'
] = $(
'form input[name=age]'
).val();
$.get(url, param,
function
(dom) { $(
'div.get'
).append(dom) }) ;
// 发送并显示返回内容
});
})
html文件
1
2
3
4
5
6
<
form
action
=
"ajax.php"
method
=
"get"
>
Name: <
input
type
=
"text"
name
=
"name"
/>
Age: <
input
type
=
"text"
name
=
"age"
/>
<
input
type
=
"submit"
/>
</
form
>
<
div
class
=
"get"
>这是ajax的get方法</
div
>
php文件
1
2
3
4
5
6
7
8
9
10
11
error_reporting
(0);
if
(
$_GET
[
"name"
]==
"kitty"
)
{
$name
=
"you are the lucky"
;
}
else
$name
=
$_GET
[
"name"
];
$age
=
$_GET
[
"age"
];
echo
"<div> "
.
$name
.
" "
.
$age
.
"</div>"
;
0 0
- jquery ajax 的 $.get()用法详解
- jquery ajax的$.get用法
- jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
- jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
- jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
- jQuery Ajax(load,post,get,ajax)用法与详解
- Jquery中AJAX的get的用法
- jQuery.get() AJAX函数详解
- jQuery Ajax用法详解
- Jquery的$.ajax和$.post,$.get的用法总结
- jquery中 $.ajax的用法详解
- jQuery中$.get、$.post、$.getJSON和$.ajax的用法
- 详细解读Jquery的$.get(),$.post(),$.ajax(),$.getJSON()用法
- 详细解读Jquery的$.get(),$.post(),$.ajax(),$.getJSON()用法
- 详细解读Jquery的$.get(),$.post(),$.ajax(),$.getJSON()用法
- 详细解读Jquery的$.get()---$.post()---$.ajax()---$.getJSON()用法
- 详细解读Jquery的$.get(),$.post(),$.ajax(),$.getJSON()用法
- 理解jQuery中$.get、$.post、$.getJSON和$.ajax的用法
- Java序列化与反序列化
- 3秒鲁一个简单的百分比布局
- 【注解】02.自定义注解
- MySQL 学习笔记 一
- PAT_A 1010. Radix (25)
- jquery ajax 的 $.get()用法详解
- 安卓在线视频播放器,视频路径为中文
- shell中grep命令详解
- OC与swift相互调用
- 【操作系统】处理机调度的层次和调度算法的目标
- 欢迎使用CSDN-markdown编辑器
- MySQL 学习笔记 二
- matlab文件与子文件操作
- PS处理——Photoshop CS6案例导学