码迷,mamicode.com
首页 > Web开发 > 详细

AJAX表单提交以及数据接收

时间:2016-11-25 20:45:32      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:plain   csdn   简单   word   .ajax   ajax   highlight   containe   demo   

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

技术分享

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

这里使用了jquery的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 没有‘接受到数据‘;
}
?>

AJAX表单提交以及数据接收

标签:plain   csdn   简单   word   .ajax   ajax   highlight   containe   demo   

原文地址:http://www.cnblogs.com/msidevs/p/6102687.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!