記録

非同期通信の改良版{jsonで非同期}

  つい最近、この方法を知った自分です・・・。それまではこういう方法で返せると思っていなかったというかソコまで考えていなかったです。ちなみに、このjson形式で送信すると複数のデータがやりとりできるので便利です。グーグルでjson形式で非同期受信などとググるとサンプルコードがでてきます。php結構凄いなとかおもいます。おそらく他の言語でも同じようなことが出来るのだと思います。javaとか確実に出来そうな気がします。 日々、他の人が書いたコードを見ることは勉強になります。こんな書き方があるだなとか、ほんと日々、勉強になります。自分の糧にも繋がります。いま自分がもっともコードを書くときに苦戦するのが変数やオブジェクトの名前付け・・・基本的に自分は英語があまりわからないので、すごく勉強していればよかったなと思うわけです。学生時代には一にも二にも勉強だとおもいます。遊びも大事ですけど・・、やはり勉強していると将来の幅が広がることは間違いないです。   サンプルサイトはこちら。https://www.zip358.com/tool/sample-0722/
<?php
$hoge = $_POST['hoge'];
$obj=array();
$obj["hoge"]="urlエンコードされた文字::".urlencode($hoge)."通常文字::".$hoge;
header("Content-Type: application/json; charset=utf-8");
echo json_encode($obj);
?>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>zip358.com:sample-非同期2</title>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script>
$(function(){
   $("#textarea-hoge").keyup(function() {
      $.ajax({
         type: "POST",
         url: "sample-0722.php",
         dataType:'json',
         data: {
              "hoge" : $("#textarea-hoge").val()
         },
         success: function(data) {
            $("#hoge2").text(data.hoge);
         },
         error:function(data) {
         }
      });
   });
});
</script>
</head>
<body>
		<br><br>文字をURLエンコード処理して返します。何か入力してください。<br>※非同期通信なので性格に処理してくれるわけではありません。<br><br>
        <textarea id="textarea-hoge" rows="10" cols="100"></textarea>
		<br>
		<div id="hoge2"></div>
</body>
</html>
 

活動支援よろしくお願いします

三連休も過ぎ。前のページ

TOHOシネマ、一ヶ月フリーパスを!(´∀`)次のページ

関連記事

  1. 記録

    あと7年から10年は続くだろうなと思う今日この頃。

    ペスト菌は5年ぐらいおさまったからコロナウィルスも5年ぐらいおさまる…

  2. 記録

    映画、SCOOP!を観てきましので感想を残しときます。 #映画レビュー

    若干、言葉に品なし(最初からエロい?)だけど映像や画が勝っているから…

  3. 記録

    アマゾンウェブサービスってどうなの?

    アマゾンウェブサービスってどうなのか?お安いのかお高いのかというの…

  4. 記録

    イラストレーター使用して1週間ぐらい経過しましたよ。

    まだまだ駄目だけど、1週間イラストレーターを使用して出来ることも増…

  5. 記録

    ココらへんで不定期で更新をはじめます。

    ココらへんで不定期(随時?)で更新をはじめます。もうすぐ五月ですよね…

  6. 記録

    超それ!機械学習、 TensorFlow!!

    機械学習でどんな事出来るの?勝手に勉強してくれるお利口さんな機械学…

2015年7月
 12345
6789101112
13141516171819
20212223242526
2728293031  

カテゴリー

PAGE TOP