3

我很难理解如何实现回调函数。我搜索了很多，发现了很多关于这个主题的材料，但我无法在我的 jQuery 代码中实现。

有人可以在这里编辑我的代码，以便我可以将其复制回我的测试页面以查看我需要做什么吗？

我需要的

首先，声明一个变量并给它一个值。第二执行我的 Ajax 调用并引用该变量。听起来很容易，但我不明白。如果您愿意帮助我，这是我的代码示例。

var myName = 'Ann';

$.ajax(
{
    type:       "post",
    url:        "URL",
    cache:      false,
    dataType:   "json",
    data: 
    {
        xxxxxx: xxxxxxxxx
    },
    success: function(objResponse) 
    {
        //How can I do this????
        alert(myName);
    }
});
4

3 回答 3

1

似乎这应该工作？每天为我工作。

var myName = 'lol';
$.ajax({
        type:       "post",
        url:        "URL",
        cache:      false,
        dataType:   "json",
        data: {
                xxxxxx: xxxxxxxxx
              },

        success: function(objResponse) 
        {
            //How can I do this????
            alert(myName);
        },
        error: function (xhr, err) { alert("Error: \n\nreadyState: " + xhr.readyState + "\nstatus: " + xhr.status + "\nresponseText: " + xhr.responseText, 'nosave'); }
    });

如果警报没有触发，您应该添加一个错误，就像我在上面所做的那样。

您应该考虑使用 firebug 进行开发，您将能够看到您进行的所有 ajax 调用。

于 2013-01-28T22:20:04.550 回答
0

You can also use the invokedata of ajax. This will let you pass variables to the success function.

Here a example in this link: http://weboutofthebox.com/en-GB/28/Article/Ajaxinvokedataparameter

I don't know if you are using firebug, but if not, use firefox install firebug and view what is happening.

于 2013-01-28T23:12:34.633 回答
0

这应该可以帮助您更好地理解它；）您的ajaxprocess.html如下所示：

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  <meta name="author" content=""/>
  <meta name="description" content=""/>
  <meta name="keywords" content=""/>
  <title></title>
  <style type="text/css">
  *{margin:0px;padding:0px}
  .content{
  display:block;
  width:300px;
  height:300px;
  border:1px solid #000000;
  margin: 0 auto;
  margin-top:30px;
  }
  .button{
  margin:0 auto;
  width:100px;
  hight:100px;
  display:block;
  }
  .strong{
  display:none;
  }
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"   type="text/javascript"></script>
   <script type="text/javascript">
   $(document).ready(function(){
   var myName = 'John';
   var myImage = $('<img src = "path to your image"/>');
   $('.button').click(function(){
    $.ajax({
     url:'load.html',
     success:function(data){     
     $('.content').html(data);
     //$(".images").append(myImage);//Uncomment this if you want to insert Your image...
     $('.strong').fadeIn(2000,function(){
     alert(data);//We shall alert our data after the DATA
     alert(myName);//is Faded IN...
     });         

     },error:function (xhr){
     var msg ="Sorry there was an error:";
                alert(msg+" "+xhr.statusText+" "+xhr.status);

            }    
    });
});
});

您的load.html看起来像这样：现在您只需将这两个文件复制到您的服务器上并仔细检查ajaxprocess.html 的外观......希望这会有所帮助:)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
 <meta name="author" content=""/>
 <meta name="description" content=""/>
 <meta name="keywords" content=""/>
 <title></title>
 <style type="text/css">
 *{margin:0px;padding:0px}
 </style>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
  </head>
  <body>
  <strong class="strong">This was loaded OK!!!<span class="images"></span></strong>
  </body>
  </html>
于 2013-01-28T22:54:44.377 回答