首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >PHP数据在AJAX中的成功?

PHP数据在AJAX中的成功?
EN

Stack Overflow用户
提问于 2014-12-26 12:39:31
回答 1查看 967关注 0票数 0

我试图通过AJAX运行一个非常基本的PHP代码,并将数据从PHP页面返回到AJAX成功。

但是,我没有从PHP页面获得AJAX成功的任何东西,而且它严重困扰着我。

这是AJAX代码:

代码语言:javascript
复制
$(document).ready(function(){
$(function(){
    $('#form-post').on('submit', function(e){

        // prevent native form submission here
        e.preventDefault();

        // now do whatever you want here
        $.ajax({
            type: $(this).attr('method'), // <-- get method of form
            url: $(this).attr('action'), // <-- get action of form
            data: $(this).serialize(), // <-- serialize all fields into a string that is ready to be posted to your PHP file
            beforeSend: function(){
                //$('#result').html('<img src="loading.gif" />');
            },
            success: function(data){
                $('#messageme').html(data);
            }
        });
    });
});
});

以下是表格:

代码语言:javascript
复制
    <form id="form-post"  action="post-code.php" method="post" >
<input type="hidden" value="Post" name="submit" />
<input type="text" class="inp-form" name="postcode" id="postcode" placeholder="Enter Post Code " /><br  /><br  /><input type="text" id="messageme"  /><br  /><br  />
<input id="findAd" type="button" value=" Search For Address"  />
</form>

和一个非常简单的php:

代码语言:javascript
复制
<?php

$street = "some";
    echo $street;
?>

有人能给我个建议吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-12-26 12:52:52

请试一试:只需将type="button"更改为type="submit"即可。

代码语言:javascript
复制
<!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=iso-8859-1" />
<title>Untitled Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>

<body>
<form id="form-post"  action="post-code.php" method="post" >
<input type="hidden" value="Post" name="submit" />
<input type="text" class="inp-form" name="postcode" id="postcode" placeholder="Enter Post Code " /><br  /><br  />
<input type="text" id="messageme"  /><br  /><br  />
<input id="findAd" type="submit" value=" Search For Address"  />
</form>
<script>$(document).ready(function(){

$(function(){
$('#form-post').on('submit', function(e){

    // prevent native form submission here
    e.preventDefault();

    // now do whatever you want here
    $.ajax({
        type: $(this).attr('method'), // <-- get method of form
        url: $(this).attr('action'), // <-- get action of form
        data: $(this).serialize(), // <-- serialize all fields into a string that is ready to be posted to your PHP file
        beforeSend: function(){
            //$('#result').html('<img src="loading.gif" />');
        },
        success: function(data){
             alert(data);
            $('#messageme').html(data);
        }
        });
        });
        });
        });
    </script>


    </body>
   </html>
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27657277

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档