Ajax成功事件不起作用

2020/10/18 03:41 · javascript ·  · 0评论

我有一个注册表,正在使用$.ajax它来提交。

这是我的AJAX请求:

$(document).ready(function() {
    $("form#regist").submit(function() {
        var str = $("#regist").serialize();
        $.ajax({
            type: 'POST',
            url: 'submit1.php',
            data: $("#regist").serialize(),
            dataType: 'json',
            success: function() {
                $("#loading").append("<h2>you are here</h2>");
            }        
        });
        return false;        
    });
});

在我的Submit1.php文件中,我检查数据库中是否存在电子邮件地址用户名字如果这些值存在而没有页面刷新,我希望显示一条错误消息

如何将其添加到我的AJAX请求成功回调中?

结果可能不是JSON格式,因此当jQuery尝试如此解析时,它将失败。您可以使用error:回调函数捕获错误

无论如何,您似乎都不需要在该函数中使用JSON,因此您也可以删除该dataType: 'json'行。

尽管问题已经解决,但我希望可以为他人提供帮助。

我犯了一个错误,试图直接使用这样的函数(成功:OnSuccess(productID))。但是您必须先传递一个匿名函数:

  function callWebService(cartObject) {

    $.ajax({
      type: "POST",
      url: "http://localhost/AspNetWebService.asmx/YourMethodName",
      data: cartObject,
      contentType: "application/x-www-form-urlencoded",
      dataType: "html",
      success: function () {
        OnSuccess(cartObject.productID)
      },
      error: function () {
        OnError(cartObject.productID)
      },
      complete: function () {
        // Handle the complete event
        alert("ajax completed " + cartObject.productID);
      }
    });  // end Ajax        
    return false;
  }

如果不使用匿名函数作为包装器,则即使Web服务返回异常,也会调用OnSuccess。

我尝试删除dataType行,但它对我不起作用。我通过使用“ complete”而不是“ success”作为回调来解决此问题。在IE中,成功回调仍然失败,但是由于我的脚本可以运行并完成,所以我只关心它。

$.ajax({
    type: 'POST',
    url: 'somescript.php',
    data: someData,
    complete: function(jqXHR) {
       if(jqXHR.readyState === 4) {
          ... run some code ... 
       }   
    }        
 });

在jQuery 1.5中,您也可以这样做。

var ajax = $.ajax({
    type: 'POST',
    url: 'somescript.php',
    data: 'someData'
});
ajax.complete(function(jqXHR){
    if(jqXHR.readyState === 4) {
        ... run some code ... 
    }
});

在PHP文件中生成JSON格式的数据之前,请确保您没有打印(回显或打印)任何文本/数据。那可以解释为您获得-sucessfull 200 OK-,但是您的sucess事件在JavaScript中仍然失败。您可以通过检查Firebug中的POST Submit1.php中的“网络-答案”部分来验证脚本接收的内容。

alert()在您的success回调中添加一个以确保它完全被调用。

如果不是,那仅仅是因为即使您设法命中服务器,请求也根本没有成功。合理的原因可能是超时到期,或者您的php代码中的某些异常引发了异常。

如果尚未安装用于firefox的firebug插件,请检查AJAX回调。您将能够看到响应以及响应是否收到成功(200 OK)响应。您还可以alert()complete 回调函数中放置另一个,该回调函数必须被调用。

我有同样的问题。发生这种情况是因为javascript期望json返回数据中的数据类型。但是,如果您在PHP中使用echo或print,则会发生这种情况。如果您使用echo函数inphp返回数据,只需删除dataType : "json"工作得很好。

我正在返回有效的JSON,在“完整”回调中获得200的响应,并且可以在chrome网络控制台中看到它……但是我没有指定

dataType: "json"

与“接受的答案”不同,我这样做后实际上解决了问题。

我正在使用XML将结果从服务器上的php返回到网页,并且我有相同的行为。

在我的情况下,原因是,结束标记与开始标记不匹配。

<?php
....
header("Content-Type: text/xml");
echo "<?xml version=\"1.0\" encoding=\"utf-8\"?>
    <result>
        <status>$status</status>
        <OPENING_TAG>$message</CLOSING_TAG>
    </result>";
?>

我使用ajax函数从Magento恢复用户密码时遇到此问题。成功事件没有被触发,然后我意识到有两个错误:

  1. 结果未以JSON格式返回
  2. 我试图将数组转换为JSON格式,但是此数组包含非UTF字符

因此,每次我尝试使用json_eoncde()对返回的数组进行编码时,该函数均无法正常运行,因为其索引之一具有非utf字符,其中大多数使用巴西葡萄牙语单词来强调。

我试图从控制器返回字符串,但是为什么控件无法在ajax成功的情况下返回错误块

var sownum="aa";
$.ajax({
    type : "POST",
    contentType : 'application/json; charset=utf-8',
    dataType : "JSON",
    url : 'updateSowDetails.html?sownum=' + sownum,
    success : function() {
        alert("Wrong username");
    },
    error : function(request, status, error) {

        var val = request.responseText;
        alert("error"+val);
    }
});

当查询不返回成功响应的控制器时,遇到了相同的问题,修改了控制器以返回成功消息的问题得到解决。注意使用Lavalite框架。之前:

public function Activity($id)
    {
        $data=getData();
        return
            $this->response->title('title')
                ->layout('layout')
                ->data(compact('data'))
                ->view('view')
                ->output();
    }
after code looks like:
    try {
            $attributes = $request->all();
            //do something
            return $this->response->message('')
                ->code(204)
                ->status('success')
                ->url('url'. $data->id)
                ->redirect();
        } catch (Exception $e) {
            return $this->response->message($e->getMessage())
                ->code(400)
                ->status('error')
                ->url('nothing Wrong')
                ->redirect()
        }

这对我有用

我有同样的问题,我用这种方式解决过:我的ajax:

event.preventDefault();
$.ajax('file.php', {
method: 'POST',
dataType: 'json',
contentType: 'application/json',
data: JSON.stringify({tab}), 
success: function(php_response){
            if (php_response == 'item') 
                {
                    console.log('it works');
                }
            }
        })

好。问题不在于json,而仅在于php响应。之前:我的php响应是:

echo 'item';

现在:

$variable = 'item';
 echo json.encode($variable);

现在我的成功开始了。PS。抱歉,如果出现问题,这是我对该论坛的第一条评论:)

您必须同时声明Success和Error回调。新增中

error: function(err) {...} 

应该解决问题

在我的情况下,错误是这是在服务器端,因此它返回了html

wp_nonce_field(basename(__FILE__), "mu-meta-box-nonce");

通过以下方式添加“错误”回调(就像“成功”一样):

$.ajax({
   type: 'POST',
   url: 'submit1.php',
   data: $("#regist").serialize(),
   dataType: 'json',
   success: function() {
      $("#loading").append("<h2>you are here</h2>");
   },
   error: function(jqXhr, textStatus, errorMessage){
      console.log("Error: ", errorMessage);
   }
});

因此,就我而言,我在控制台中看到了:

Error:  SyntaxError: Unexpected end of JSON input
  at parse (<anonymous>), ..., etc.

成功回调有两个参数:

success: function (data, textStatus) { }

还要确保submit1.php设置正确的content-type标头:application/json

本文地址:http://javascript.askforanswer.com/ajaxchenggongshijianbuqizuoyong.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!