連想配列からデータが取得できません。

AJAXを利用してDBからデータを取得しています。
サーバーからデータは取得していることはブラウザー（Egde）のデバッガーで確かめていますが、なぜか連想配列からデータが取得できません。
初歩的なミスによるものと思いますが、ご教授お願いします。

問題のコードは以下のコードです。

<head>
    <script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script type="text/javascript">
$(function() {
    // 顧客IDに既存のデータを入力した場合はAjaxで既存データ取り出し
    $('button[name="save"]').click(function(){
        var code = "XXXXX12345" ;
 
        $.ajax({
            type: "POST",
            url: "dbget.php",
            data: {"dataid": code} , 
            crossDomain: false,
            cashe: false ,
            dataType : "json" ,
            scriptCharaset : 'utf-8',
            timespan : 1000,
            success: function(result, textStatus, xhr)
            {
                var jsdata = JSON.stringify(xhr) ;
                var cvdata = JSON.parse(jsdata);
                var data_res = cvdata["nextid"] ;
                $("#result").text("[" + data_res + "]") ;
            },
        }).fail(function(XMLHttpRequest, textStatus, errorThrown){
            alert(XMLHttpRequest + " " + textStatus + errorThrown) ;
        }) ;
    });
});        
    </script>
</head>
<body>
    <button type="button" name="save" >登  録</button>
    <div id="result"></div>

</body>

表示したボタンを押すと、サーバーのDBの問い合わせ結果を受け取って、一部の項目を表示する簡単なサンプルプログラムです。
しかし、結果をどうやっても"[undefined]"と表示されてしまいます。

トレースすると、”successの3つ目のパラメータ xhrにはデータが記録されており、以後、jsdata, cvdataまでは入っていることは確認しています。しかし、data_resではどうしても”undefined"になります。

念のため、呼び出し側を以下のように固定値に変更しても同じでした。

<?php
 　$json = file_get_contents("php://input") ;      // POSTデータ受け取り受け取り
   
    parse_str($json, $contents);
        
    $contents = json_decode($json, true) ;

    echo json_encode( array( "result" => "Passed"));
?>

hoshi-takanori

2022/05/13 04:21

jsdata にはどのような JSON が返るのでしょうか？

行動規範の内容に同意します

回答2件

まずはデバッグのため
dataType : "json" →dataType : "text"
とします
successは古い書き方なのでdoneで受けます

javascript
1$.ajax({・・・・}).done(function(data){
2  console.log(data);
3})fail(functiion(xhr,err){
4  console.log(err);
5})

おそらくPHP側でエラーになっているのでしょう

投稿2022/05/13 04:25

yambejp

総合スコア114775

WebFirster

2022/05/13 04:29

回答ありがとうございます。最初は”done"で作成していたのですが、これを使用していた時に正常に動かないことがあり、サンプルプログラムを作成して原因を調査しているときに、古いほうで記述した次第です。もっとも、古い新しいがわかりませんが・・・。

行動規範の内容に同意します

ベストアンサー

質問にある以下のコードは、はっきり言ってメチャクチャで、何をしたいのか分かりませんが、

            success: function(result, textStatus, xhr)
            {
                var jsdata = JSON.stringify(xhr) ;
                var cvdata = JSON.parse(jsdata);
                var data_res = cvdata["nextid"] ;
                $("#result").text("[" + data_res + "]") ;
            },

サーバーから期待した通り JSON 文字列が返ってきているのであれば、上のコードの function の引数 result には　JSON 文字列をデシリアライズした JavaScript オブジェクト（連想配列）が代入されるはずなので、それから求めるものが得られると思いますけど。

投稿2022/05/13 04:15

退会済みユーザー

総合スコア0

WebFirster

2022/05/13 04:26

修正依頼となっていますが、こちらとしては回答と受け止めます。ただ、参照すべき引数が３つ目の"xhr"でなくて、”result"なのですね。

退会済みユーザー

2022/05/13 04:52

> 修正依頼となっていますが、こちらとしては回答と受け止めます。修正依頼？　何のことですか？　私は回答欄にしか書いていません。回答欄に書いたので修正依頼ではなく回答です。 > ただ、参照すべき引数が３つ目の"xhr"でなくて、”result"なのですね。ドキュメント https://api.jquery.com/jQuery.ajax/ を読むことをお勧めします。success の項目にサーバーから返されたデータは function の第 1 引数に代入されるということが書いてあります。

行動規範の内容に同意します

あなたの回答