Javascript AJAX-按钮提交以更新表单

Javascript AJAX-按钮提交以更新表单,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,我正在尝试学习如何使用AJAX。我消除了程序的大部分复杂性,只是为了隔离我遇到的问题。所以我有一个文本区域,在它下面有一个div,有“STATUS”打印输出。在使用AJAX提交按钮时,我想将单词“STATUS”更改为变量STATUS的值,在本例中应该是“SUCCESS” 当我点击时,它会打印出单词STATUS。当我单击提交按钮时,似乎什么都没有发生。你知道我做错了什么吗 $(document).ready( function () { $('#sub').live('cl

我正在尝试学习如何使用AJAX。我消除了程序的大部分复杂性,只是为了隔离我遇到的问题。所以我有一个文本区域,在它下面有一个div,有“STATUS”打印输出。在使用AJAX提交按钮时,我想将单词“STATUS”更改为变量STATUS的值,在本例中应该是“SUCCESS”

当我点击时,它会打印出单词STATUS。当我单击提交按钮时,似乎什么都没有发生。你知道我做错了什么吗

$(document).ready(
    function () {
        $('#sub').live('click',
            function () {
                url = 'http://whatever.php'
                success = "Success!"
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: null
                    dataType: 'xml',
                    async: false,
                    success: function (data, statusText, reqObj) {
                        status = $(data).find('status').text()

                        if (status == 'SUCCESS') {
                            $('#succ').html(status)
                        } //if( status == 'SUCCESS' ) {
                        else {
                            msg = $(data).find('msg').text()
                            alert('NOT ADDED: ' + msg)
                            return
                        } // else
                    } //function()
                }) //$.ajax( {
            } /* function */ ) //live(
    } //function()
) //$(document).ready
HTML:


>此文本框
用于我以后要处理的事情

地位
我想你的发现是空的。试着用

status = $(data).text()
我不确定你是否使用了。找到正确的方法。它用于html元素,并期望传递一个jquery选择器或元素或jquery对象

这里有更多的细节

您想要的是获得响应文本,因此将ajax调用分配给一个变量:

xmlhttp = $.ajax({
成功后,使用您的回复文本:

status = xmlhttp.responseText;

你的代码对我来说很好,但有一个附带条件:

(i) 添加行中缺少的逗号:

数据:空

(ii)php处理程序返回的内容类型为text/xml

。live()
已弃用;使用
status = xmlhttp.responseText;