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

ajaxのinvokedataも使えます。これにより、成功関数に変数を渡すことができます。

このリンクの例: http://weboutofthebox.com/en-GB/28/Article/Ajaxinvokedataparameter

firebug を使用しているかどうかはわかりませんが、使用していない場合は、firefox install firebug を使用して、何が起こっているかを確認してください。

于 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は次のようになります:サーバーにこれら 2 つのファイルをコピーし、 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 に答える