@Blog{zip358.com}
日常日誌からプログラムやYOUTUBER紹介、旅日記まで日々更新中です。
非同期通信の改良版{jsonで非同期}
2015.07.22
つい最近、この方法を知った自分です・・・。それまではこういう方法で返せると思っていなかったというかソコまで考えていなかったです。ちなみに、このjson形式で送信すると複数のデータがやりとりできるので便利です。グーグルでjson形式で非同期受信などとググるとサンプルコードがでてきます。php結構凄いなとかおもいます。おそらく他の言語でも同じようなことが出来るのだと思います。javaとか確実に出来そうな気がします。
日々、他の人が書いたコードを見ることは勉強になります。こんな書き方があるだなとか、ほんと日々、勉強になります。自分の糧にも繋がります。いま自分がもっともコードを書くときに苦戦するのが変数やオブジェクトの名前付け・・・基本的に自分は英語があまりわからないので、すごく勉強していればよかったなと思うわけです。学生時代には一にも二にも勉強だとおもいます。遊びも大事ですけど・・、やはり勉強していると将来の幅が広がることは間違いないです。
サンプルサイトはこちら。https://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>
著者名 @taoka_toshiaki
※この記事は著者が30代前半に書いたものです.
Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します.
SNS::@taoka_toshiaki
タグ
AM, body>, br>, code.jquery.com, data.hoge, DOCTYPE html>, function, head>, hoge2, jquery-1.11.2.min.js, jquery-migrate-1.2.1.min.js, meta charset, sample-0722.php, script src, script>, textarea id, textarea-hoge, textarea>, title>, utf-8, zip358.com,
Functionの引数に初期値を設定するとφ(..)メモメモ。
2015.06.18
<?php function memo($gets="メモ",$chk=false){ if(!$chk)$gets.="った??!"; return $gets; } ?> <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>zip358.com:Fチェック</title> </head> <body> <p><?=memo("テスト",true);?></p> <p><?=memo("テスト");?></p> <p><?=memo();?></p> </body> </html>
DEMO https://zip358.com/tool/get-p.php
これ、覚えとくと便利な記述です、最初にFunctionの引数に初期値を与えて置けば、引数があるなしで処理を変更することも可能になります。ちょっとした事ですが知っていると知らないとでは差がでます。ちなみにC++でも同じことが出来ます。Javaで同じことが出来るかは未確認です。言語によってできる出来ないとかがあるので、アプリ開発時には注意が必要になります。Javaの場合、同じメソッド名で引数の違うものが作れてしまうのでおそらく、こういう事は出来ないと思います。この頃、知ったことですがVB6やAccessには黄金期があったということを知りました。そういえばVB6を使っていた会社があったなと、いまではVB2005とかにはバージョンアップしていると思います。こういうことを言えば敵をつくりそうですが、昔のほうがコードが見やすかった気がします。いまは、オブジェクト指向を更に良くしようと機能ベタベタ追加しているので、コードがややこしくなってきているように感じます。馬鹿なので人のコードを見るのがかなり、不得意です。
著者名 @taoka_toshiaki
※この記事は著者が30代前半に書いたものです.
Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します.
SNS::@taoka_toshiaki
タグ
AM, body>, C++, chk, DOCTYPE html>, function memo, gets, head>, html lang, java, meta charset, p>, title>, utf-8, VB2005, VB6, zip358.com, オブジェクト指向, コード, 初期値, 引数,
#プログラムサンプル ブログパーツは検索して出てくるのでうっぷします。
2015.03.11
ブログパーツの簡素な仕組みをUPします。基本はこれだけです。基本はこれだけですけど応用すると少々面倒くさいのでそこら辺はご想像におまかせします。これを基にして正規に配布する状態にするには、サーバの負荷の事やセキュリティとかそういう事まで考えなくてはならないので少々面倒くさいです。特にIDを発行して配布する場合などは結構、コードを書かないといけないです。また、悪意のあるユーザーがサーバに負荷をかけれる要因にもなりますので、安易にブログパーツを提供するのはオススメできません。ちなみに自分のブログパーツ用のJSを貼り付けても動作はしません(ファイルがないので)。ただ、下記のサンプルコードを自分自身のサーバ上に設置し、設置したURL(任意のURL)をJSで呼び出すと動作し、それを配布することも可能です。
PHPファイル
<?php header("Content-type: application/javascript"); $str = htmlspecialchars($_GET["hoge"]); if($str!=""){ echo "document.write($str);"; }else{ echo "document.write('hoge!?');"; } ?>
JS貼付け用。
<script src="https://zip358.com/tool/sample-tool/sample-blogtool.php?hoge='こんにちは'" language="JavaScript" charset="utf-8"></script>
著者名 @taoka_toshiaki
※この記事は著者が30代前半に書いたものです.
Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します.
SNS::@taoka_toshiaki
タグ
AM, charset, Content-type, document.write, echo, header, hoge, htmlspecialchars, javascript, JS貼付け用, script src, script>, STR, utf-8, これだけ, ご想像, サーバ, セキュリティ, そこら辺, プログラムサンプル ブログパーツ, 負荷,
Twitterの公開、非公開をつぶやきで切り替える仕様になるとか・・アレから
2014.12.16
Twitterの公開、非公開をつぶやきで切り替える仕様になるとか一部、IT記事で書かれていたけど全然進展がないのは何故?米国では対応済みなのかな・・・・。もしそうだとしたら日本でも早く適応してもらいたいです。それさえ有れば、Twitterは、かなり便利なWEBツールになると思うのですけどね。二段階認証とかよりも・・・こういうことに力を入れて欲しいです。
最近、Twitterのカメラの編集機能がインスタグラム仕様に変更されましたけど何だか使いにくいですね。スライド式で選べるようになると便利なんだけど、今のところアイコン触らないと変換してくれないトコロが不便さを感じます。何だかんだ言ってTwitterやFacebookって米国生まれなので新しい機能が追加されても日本とかは英語圏ではないのでかなり対応が遅めですよね。そこら辺、融通が効いて欲しいところです。
余談:Facebookで過去投稿を検索できるようになりましたけど、日本語非対応なんですね。どういった形でDB(データベース)に文字コードを保存しているのか気になります。普通のDB保存方法ではないことは確かだと思います、UTF-8の文字コードをDBに保存し検索するのは苦ではないはずです。なので文字コードをそのまま保存していないということでしょうね(アタリマエか?)、たぶん文字コードを圧縮して保存しているに違いないというふうに考えてます。ちなみに間違っているかもしれませんがFacebookはDB形式はNOSQLではなくてRDBMSだったと思います。
著者名 @taoka_toshiaki
※この記事は著者が30代前半に書いたものです.
Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します.
SNS::@taoka_toshiaki
タグ
DB保存方法, DB形式, Facebook, NOSQL, RDBMS, Twitter, utf-8, アタリマエ, インスタグラム仕様, スライド式, そこら辺, つぶやき, データベース, トコロ, ところアイコン, 文字コード, 米国生まれ, 英語圏, 融通, 非公開,