博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AJAX表单提交以及数据接收
阅读量:4596 次
发布时间:2019-06-09

本文共 630 字,大约阅读时间需要 2 分钟。

ajax是一种传输方式,数据不是提交给ajax,而是 数据 由 ajax提交到后台(并不刷新页面)

要实现一个简单的请求,要这3样东西,一个html页,一段,一个可以响应请求的后台

这里使用了的js框架,原生js的ajax请求我背不住

 

html

<!--这里需要引用一个jquery的库-->
 
<
form 
id
=
"form"
>
    
<
input 
name
=
"data" 
type
=
"text"
>
    
<
input 
type
=
"button" 
value
=
"提交" 
id
=
"submit"
>
</
form
>
<
div 
id
=
"result"
></
div
>

 

js

$(
"#submit"
).click(
function
(){
    
$.ajax({
        
url:
'demo.php'
,
        
type:
"POST"
,
        
data:$(
'#form'
).serialize(),
        
success: 
function
(data) {
            
$(
"#result"
).text(data);
        
}
    
});
});

 

demo.php

<?php
if
(
$_POST
[
'data'
]){
    
echo 
'接受到数据'
.
$_POST
[
'data'
];
}
else
{
    
echo 
没有
'接受到数据'
;
}
?>

转载于:https://www.cnblogs.com/msidevs/p/6102687.html

你可能感兴趣的文章
Linq to Entity 时间差作为筛选条件产生的问题
查看>>
JS常用类型事件
查看>>
Python:笔记(2)——函数与模块
查看>>
正则表达式
查看>>
raise指令触发异常实例
查看>>
sphinx的安装配置和中文分词包coreseek
查看>>
HashMap Hashtable区别
查看>>
Oracle 11i与12R在功能上有什么区别
查看>>
Hero In Maze(BFS广搜)
查看>>
操作列表
查看>>
iOS开发之Runtime使用
查看>>
导入maven项目时出现 Version of Spring Facet could not be detected. 解决方法
查看>>
nginx https ssl 设置受信任证书[原创]
查看>>
第二个项目:WC
查看>>
PowerMock注解PowerMockIgnore的使用方法
查看>>
ASP基础之内置类型及注意点
查看>>
设计模式10-装饰模式
查看>>
Beta冲刺Day4
查看>>
Android中intent启动Activity中intent.setFlags()的作用
查看>>
配置spring事务管理的几种方式(声明式事务)
查看>>