[ajax] タグが付いた質問

Webブラウザ・サーバー間の非同期通信を用いてインタラクティブなWebサイトを作る手法。Asynchronous Javascript and XMLの略称。

絞り込み
並べ替え
タグ付けされた
0
0 回答
1,643 閲覧数

jQuery.ajaxを用いた通信での戻り値の問題

InstascanをもちいてQRコードを読み込み、その値をもちいて処理を行うプログラムを作成しておりJSON形式で値を得たいのですがphpの中身がまるごと返てきてしまっています(以下のエラーが出ます)。 SyntaxError: Unexpected token < in JSON at position 0 以下のajaxはInstascanで読み込んだあとに実行され、...
  • 1
0
2 回答
3,098 閲覧数

jQuery.ajax()で外部HTMLファイルを読み込んで要素を取得したい

jQuery.ajax()で外部HTMLファイルを読み込んで要素を取得したいのですが、 find, filter関数でid名やクラス名を指定しても取得できません。どうしたら良いのでしょうか? ちなみに、同じクラス名をもつ複数の要素も配列で取得したいです。 $(document).ready(function(){ $.ajax({ url:'http://yahoo.co....
user avatar
0
1 回答
230 閲覧数

PHPでのAjaxによる連携リストボックスを作る上で

JavaScript・PHP双方手を出して大変間もないものです。標題の件を学ぶため、こちらの記事を参考に挑戦中です。 https://qiita.com/hibriiiiidge/items/0ad0eb9de7275b2f0110記事にある構成どおり、index.phpとselect.phpを作りました。社内DBへ接続する上で、...
  • 545
0
2 回答
2,242 閲覧数

ajaxにて他サイトのHTMLを取得

ajaxを使って他サイトのHtmlを取得したいのですが、クロスドメインでエラーが起こってしまいます。 jsonpなら取得できるかと思い、試しに下記のコードでやってみたのですが $.ajax({ url: 'https://hoge.jp', dataType: 'JSONP', type: 'GET', success: function ({data}) { ...
0
1 回答
830 閲覧数

楽天APIから取り出した商品画像をSwiperで動かしたい

楽天APIから取り出した商品画像をSwiperという画像をスライドさせるプラグインで動かしたいのですが動きません。 htmlだけで設置した時にはスライドするのを確認できました。 何か記載方法に問題があるのでしょうか。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/...
0
1 回答
744 閲覧数

Bootstrap Modal 内にAjaxで表示

#mymodalの.modal-body内にphpfile.phpで呼び出された内容を表示したいのですが、以下のコードではうまくいきません。 modalは出て来るし、ajaxでなければ表示されるので、modal内へのページの読み込みができていないと言うことでしょうが…。 function addCart(id){ $('#mymodal .modal-body').load("...
  • 1
1
1 回答
2,436 閲覧数

bootstrap のmodal がiOSの端末でスクロール出来ない

bootstrap3でmodal内で検索できるような仕組みを作りました。テキストボックスの内容をAjaxでPHPに送信して結果をJsonで受け取ります。その内容をmodal内で表示するのですが、結果が多くなったときにスクロール(スワイプ)が出来ない状況になりました。どうもこの現象がiOSの端末のみで発生しているようです。 この解決方法をご存知の方がいらっしゃったら教えて下さい。
0
1 回答
616 閲覧数

サーバー側が PHP などの動的なコンテンツでなくとも「Ajax」は成り立ちますか?

Ajaxはwebサーバにhtmlと、htmlファイルでhello_ajax.jsというjsファイルを読み込んで、 そのhello_ajax.jsがイベント発生時に、var xhr = new XMLHttpRequest();~の処理を実行さえすれば 最低限成り立つと考えてよろしいでしょうか? つまりphpの部分は特に必須ではなく、...
user avatar
0
1 回答
1,064 閲覧数

ajax通信でsql文を送信し、結果を取得する方法

お世話になっております。 現在、Monaca側からAjaxとphpを利用して、外部DBのレコードを取得しています。 表題の件ですが、検索のクエリをAjaxでPOST送信して、PHPでPDOを使った クエリ実行を行うまでは出来ました。 しかし、DBから取得したデータを返す際、JSON形式に変換する必要があり、 今の所手動で連想配列を作り、それをjsonへ変換しています。 ですがこのやり方だと、...
  • 31
0
1 回答
766 閲覧数

Monacaから外部サーバのDBは利用できますか?

ただいま、Monacaでのアプリ開発を行っております。 Monaca側からレンタルサーバのDBを利用したいと考えているのですが、 それが可能であるかどうかが分かりません。 一応調べてはみたのですが、それが可能かどうかがハッキリと分からなかったので ここで質問させて頂きました。 もし出来る場合は、その方法を教えて頂けると幸いです。
  • 31
0
1 回答
1,340 閲覧数

Ajaxでファイルアップロードする際にサーバーから返される進捗を逐一表示したい

jQueryとAjax(サーバーサイドはPython)を使って非同期のファイルアップローダを制作しています。サーバーサイドではアップロードの途中経過(Uploading hoge.jpg....やUpdating database....などといった進捗状況)をJSONで出力しているのですが、Ajaxで新しいJSONステータスが出力されるたびにそれを受け取って表示するということはできるのでしょうか?...
0
3 回答
8万 閲覧数

AjaxのJSON.parseでの”Uncaught SyntaxError: Unexpected token < in JSON” エラー

APIサーバーへの通信の為にクライアント側のプログラムをテストで実装しています。 しかしながら、アンケートの内容をAPIサーバー側に送信が出来ずに、結果ページ も出ません。 とらえず、エラー内容をググってみても、同じようなエラーはありますが、内容が少し違うので 初心者としては、まったくわかりませんでした。もう少し学習をした方が良かったでしょうか? あと、...
0
2 回答
979 閲覧数

Wordpressでajaxで外部のサービスのAPIにPOSTしたいとき

$.ajax({ type:'POST', url: URL, // POST送信先のURL crossDomain: true, contentType:'application/x-www-form-urlencoded', data: date, success: function(json_data) { if (!json_data[0]) {...
  • 61
0
1 回答
4,794 閲覧数

$.ajaxまたは$.getを用いてデータを取得する方法

jQueryで次のようなスクリプトを記述したところ、次のような結果になりました。 //jQuery記述 $(".Content").load("data/test.txt"); $.get("data/test.txt",function (data, status){ $(".Content").append(data); },"txt"); $.ajax({ url:"...
0
1 回答
240 閲覧数

AjaxからWCFを呼び出した時、Account/Loginへのリダイレクトが発生しているようでうまく接続できません。

【環境】 開発環境はWindows10で、VisualStudio2017CommunityのWebFormsです。 Windwos2012ServerにWCFサービスを配置しています。 【問題点】 接続を試みたところ、接続に失敗しました。Chromeの開発ツールで確認したところ、次のようなエラーが出ていました。本来の呼出先である、"SyouBu.svc/TopCate"から"Account/...
  • 1
1
1 回答
1,337 閲覧数

MonacaアプリでCSVファイルを読み込むには?

MonacaアプリでCSVファイルを読み込みデータを表示するプログラムを作成していますが、 検索をかけてもCSVファイルが読み込めないです。 文字列を入力→部分検索で検索結果の一覧を表示。 その後結果をクリックで詳細ページに転移・・・といった流れのプログラムを考えています。 今後のために勉強したいので教えてください。お願いします。 ⑤テキスト検索機能の組み込み ↑を参考にしてHTML・JS・...
0
0 回答
467 閲覧数

origin is not allowed by access-control-allow-originのエラーについて

monacaとniftymbaasを使ってアプリを作成しています。 アプリの作成を進めるにあたりエラーが発生するようになりました。 エラー内容としては、origin is not allowed by access-control-allow-originがアラートとして何度も発生してしまいます。 私のアプリはajaxを使っていまして、これが悪さをしているのではないかと思っています。 ...
2
1 回答
537 閲覧数

ajaxによる位置情報とテキストのjsonファイルへPOST送信を行いたい

現在、Geolocationで位置情報とテキストを入力したデータをajaxでjsonに送信するWebアプリの機能を製作しています。ajaxによるjsonデータの通信部分にも自信があると言えず、今のコードでは無反応状態です。ajaxによる入力データの取得とPOST送信の部分に助言があればお願いします。 以下コード <html> <head> <meta charset=...
0
2 回答
1,095 閲覧数

画像を選択した後、再度違う画像を選択しても画像が変わらない

TwitterやFacebookなどでよく見かける、プロフィール画像の変更で画像を切り抜いて登録するという機能を作りたいと思っています。切り抜いて画像を登録するという処理は、検証不十分ではありますが一旦実装できたのですが、1点うまく実装できない点があります。 ◼︎やりたいこと 1.画面でプロフィール用の画像を選択 2.ファイル選択で画像を選択した際にchangeイベント実行 3....
  • 1
4
2 回答
1万 閲覧数

jQueryでイベントの処理結果を待つようなループを書きたい

以下のような配列があり、これをループで処理します。 var requestTable = ["owner","users","lines","info"]; $.each(requestTable, function(i, val){ // ループ処理 }); その際に、requestTableのループではそれぞれサーバーからGETでデータを取得します。 // ループ処理の中身 $....
  • 633
9
1 回答
2,822 閲覧数

httpsサーバーへajax通信をする場合、通信内容は暗号化されているか

httpsサーバーへajax通信をする場合(ajaxのurlパラメータにhttps://example.comを指定して通信する場合)、通信内容は全てssl暗号化されているという理解なのですが、それで正しいでしょうか。
  • 159
-1
1 回答
4,848 閲覧数

php ajax , SyntaxError: Unexpected identifier

したいことは:送信ボタンを押すとincludes/sync.phpのファイルが実行したいです。 説明: mysqlデータベースからphpでデータを取得して最新のid順で表示しています、それぞれのidにボタンを設置してデータを送信してphpファイルを実行していますが 下記のエラー出ていますが何が間違っていますでしょうか? id(1)からid(10)まで、ありますが最新のid(10)...
  • 25
3
2 回答
571 閲覧数

XMLHttpRequestで他オリジンへGET送信したら、送信内容自体は(送信先で)受信できたのにエラー表示

XMLHttpRequestで他オリジンへGET送信したら、コンソールログに下記エラーが表示されました ※GET送信内容自体は、(送信先で)受信できました XMLHttpRequest cannot load http://foo.送信先.com/. No 'Access-Control-Allow-Origin' header is present on the requested ...
  • 6,206
0
2 回答
1,638 閲覧数

サーバー(node.js)内の変数の値を、クライアント(javascript)の変数に格納したい

お世話になります。 node.jsで、heroku上にhttp"s"サーバー(httpサーバーでない)を実装しようとしています。 クライアント側は、monaca(html5+javascriptベース)で実装しようとしています。 下記のように使いたいと考えています。 1.クライアントからサーバーのURL(https)にアクセス。 2.クライアントの情報を元に、サーバーでトークン(文字列)...
  • 159
0
1 回答
1,161 閲覧数

C# ASP.NET ajax通信で大量のHTMLが戻ってくる

MVC初心者です。 作業スペースはローカルです。 View $.ajax({ type: "POST", url: "/aaa/bbb", data: { selectService: sendId }, success: function (msg) { alert(...
  • 1
2
1 回答
3,526 閲覧数

無限スクロールでページの内容が随時読み込まれる場合のスクレイピング

googleplayの以下のサイトのhtmlをpythonで取得したところ、アプリのランキングが60位までしかのっていないものでした。 https://play.google.com/store/apps/collection/topselling_free?hl=ja でソースコードを表示すると同じく60位までしか表示されません。 調べたところ、...
  • 411
-2
1 回答
622 閲覧数

ajaxが動作しない

以下のajaxが動作しないのですが、原因がわかる方いらしゃいますでしょうか。 <!DOCTYPE html> <html> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"> <body> <form method="post" ...
  • 481
0
1 回答
102 閲覧数

monacaでprototype.jsを使用したいのですが、上手くいきません

monacaを利用して、webアプリケーションで制作したものをアプリに落とし込んでおります。 webアプリケーションではprototype.jsを利用して、定期的に情報更新がないかを確認&更新があれば更新数を表示するプログラムを組んでおりましたが、monacaにうまく適用できずにいます。。 エラー内容は以下になります。 prototype.jsを入れることにより、...
0
1 回答
1,082 閲覧数

ajaxで動的にons-col/ons-row生成した時、onsenUIのcssの変更がうまくいかない

Monaca/onsen UIを用いてアプリ開発をしております。 ajaxで動的にons-col/ons-rowをhtmlに追加し、その際、各ons-colにcss要素の追加もしておりますが、cssの適用がうまくいかずに立ち往生しております。 以下がコードになります。 html <ons-navigator page="top.html" var="app.navi"></...
0
1 回答
1,490 閲覧数

XMLHttpRequestで、「readyState === 4」かつ「ステータスコードが200以上300未満」ではない 状態を意図的に作り出したい

XMLHttpRequestで、readyState === 4 となる、HTTPステータスコードを教えてください ・403エラーや、404エラーは、ここで弾かれるでしょうか? また、「readyState === 4」 かつ 「HTTPステータスコードが200以上300未満」ではない 条件だと、何が該当するでしょうか? ・可能性があるHTTPステータスコードは? ・(テストしてみたいので、)...
  • 6,206
0
1 回答
1,631 閲覧数

ajaxで要素を動的に追加した際に、onsen UIのcssが効かない

アプリ開発初心者です。 monaca, onsen UIを使用して開発をしております。 具体的には、ajaxを使ってデータベースにアクセスし、値の取り出しに成功した場合は指定したタグに要素を追加して表示させるといったプログラムを組もうとしております。 値の取り出しに成功して表示するまではうまくいくのですが、動的にタグに要素を追加した場合、onsen UIで設定してあるcssがうまく効かず、...
0
2 回答
8,973 閲覧数

ファイルのダウンロード時にIEの通知バーを表示させたくない

JavaScriptを使用してサーバーにあるファイルにアクセスし、そのファイルをクライアントのexeで開くプログラムを作っています。 概ね期待通りの動作はできているのですが、サーバーのファイルにアクセスするところでブラウザ(IE9)の通知バーが表示されてしまいます。これを表示させずにexeを起動させなければならないのですが、回避する方法が分からなくて困っています。 (通知バーとは、...
3
1 回答
2,562 閲覧数

JSのFileReaderAPIで読み込んだ画像バイナリを、JavaのImageIOで読み込みたい

JavaScriptのFileReaderで読み込んだ画像データを、サーバーサイドで加工のためBufferedImageに変換したいのですが、うまく変換できません。 画像はWorkerを使った非同期ロードで取得し、 Ajaxでサーバーサイドに送信しています。 worker.js self.addEventListener('message', function(e) { var ...
  • 1,463
0
1 回答
200 閲覧数

項目が空白時の場合パラメーターから削除したい

いつもお世話になっております。 下記は入力フォームで入力された項目をボタン押下でJSONデータの方に変換後リクエストをおくる JSファイルです。 ボタン押下した際に項目が未入力の場合はリクエストパラメーターから削除することはできないでしょうか? $(function(){ $("#response").html("Response Values"); ...
0
3 回答
1,862 閲覧数

空白時のパラメーターを削除することができない。(HTML,AJAX)

いつもお世話になります。今回画面遷移せずにJSON形式のデータを表示するHTMLを作成しました。 入力フォームが未入力の場合jquery.cleanQuery.jsというJSファイルを使用すれば未入力の場合リクエストパラメータから削除されるのが他のHTMLでテストした際に確認できました、...
1
1 回答
5,788 閲覧数

Springでの、MultipartFileの非同期アップロード

同様の記事は多数見受けられましたが、一通り試して解決しなかったため、ご教授願います。 Spring4 Java8 WTPServer を使用した環境での、input type="file"の非同期アップロードについてです。 一部では、「セキュリティー上の都合で、Ajaxでの送信はできない」とのコメントがありましたが、 少数派であったため、信ぴょう性にかけました。 form.submit()...
  • 1,463
0
1 回答
920 閲覧数

作成したJSON取得機能を画面遷移せずに表示させたい

下記は自分が作成したHTMLです。単純に入力フォームに検索したワードを入力して検索結果を表示するといった簡単なHTMLです。細かな機能として「全角を半角にする」「空白の場合パラメーターに付与しない」といった機能があります。 本題ですが検索結果を画面遷移せずにその場に表示するにはあとHTML側で何を用意すればいいのかわからずご質問させていただきます。 AJAXを使用するにも使い方が、...
0
2 回答
1,397 閲覧数

JSON取得する際にGETかPOSTを切り替えて受信できるようにしたい

失礼します。以下はJSON形式に変換してリクエストをし、画面遷移せずその場に結果を表示させるコードです。 こちらのコードだとPOSTだけですが、GETでもデータを送受信したいのです。しかし編集してもやり方が違うのかエラーが生じてしまいます。 どの部分に手を加えればいいのか、またできればHTML上で月日が選択できるのと同じようにPOSTかGETを選択できるようにしたいと考えております。 ...
0
1 回答
359 閲覧数

作成途中のHTMLでJSONデータ所得作成を完成させたいです。

失礼します。いつもお世話になっております。 HTMLでJSONデータ所得を作成途中なのですがあと一歩のところで躓いております。 上記のHTMLでsubmitすると 「curl -i -v -H "Accept: application/vnd.glv.v1+json" -H "Content-type: application/json" -X GET localhost:8280/api/...
1
1 回答
2,218 閲覧数

Handson Tableを使ったスプレッドシートの開発

HandsonTableを使ってスプレッドシートの開発を行っております。 ソースは下記alertの部分はチェック用で実際にはajaxでサーバに送信しようとしています。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <link rel="stylesheet"...
  • 230
3
1 回答
6,130 閲覧数

MonacaでAjax通信を行い外部サーバーにあるphp(MySQLを使用するために)を使っています。 phpを使ってデータベース内の中身を表示させたい

MonacaでAjax通信を行い外部サーバーにあるphp(MySQLを使用するために)を使っています。 phpを使ってデータベース内の中身を表示させたいです。Ajax通信を行いJsonで受け取っているのですがうまくいかないのでMonaca側とphp側で何かあればアドバイスをお願いします。 「Monaca側」実行結果→console.logでjsが表示,エラーアラートの発生。 //...
-1
3 回答
4万 閲覧数

Ajaxの返り値を取得する

Ajaxの返り値を取得する方法をおしえてください。 Submit時にAjaxでDBを見に見にいってその返り値によってエラーを表示するかそのまま進むかというものになります。 (以下コード自体はいろいろ端折っております。) html <form action="NEXTPATH"...> <input type="text" id="email"> <...
  • 347
0
3 回答
357 閲覧数

d3.jsを利用してはてなブックマークの新着記事を表示したい

現在こちらのページのtag1216様のプログラムを参考にはてなブックマークの新着記事のタグを収集し、同じようにForceレイアウトで表示し、ノードに記事へのリンクをつけたいと考えています。 しかしはてなブックマークのAPIを利用しようとするとクロスオリジン要求をブロックされqiitaのAPIと同じようにすることができません。 ...
  • 115
0
0 回答
365 閲覧数

ページ先のJSON表記をテーブルに変更する方法

---目的--- 検索ボタンを押し、画面遷移先のJSON表記をテーブルにコンバートしたい。 ---現状--- 画面遷移した場合JSON表記のまま表示される。 ---補足--- 手探りで始めましたが、そもそも画面遷移先にはJSやjQueryの影響を与えることは出来ないのか、もしくはやり方が間違っているのかの質問です。 JSを一つのファイルにまとめてはいますが、それぞれ動作確認はとれています。 ---...
1
3 回答
1万 閲覧数

Ajaxでsuccessした時に、さらにAjax通信したいです

アンケートを作っています。 <input type="button">が複数あり、ボタンを押すとAjaxで親のフォームアクションから非同期通信を行います。 この時ボタンがA,B,C,Dあったとして、ABCは普通にAjax通信します。DだけABC同様に通信した後、さらに選択ボタンD1,D2,D3が現れ、それらもAjax通信する際、 $.ajax({ type: 'post', ...
0
2 回答
2,252 閲覧数

jquery.columns.js で表示した検索ボックスに自作のサジェスト機能を組み合わせたい

いつもお世話になっております。 jquery.columns.min.js 上記JSファイルに自分で作成してあるサジェスト機能を組み込みたいのです。 下記のJSファイル、HTMLが自分で作成したサジェスト機能です。 googleサジェスト機能を思い浮かんでいただければイメージしやすいと思います。 入力要素を参照する機能をご存知の方アドバイス頂けないでしょうか? 公式サイト $(...
4
0 回答
1,861 閲覧数

AJAX通信とapache httpd.confのkeepAlive設定について

apacheのバージョンは2.0.64、MPMはpreforkの環境下にて、 httpd.confで下記の設定を行っています。 KeepAlive On MaxKeepAliveRequests 100 KeepAliveTimeout 5 <IfModule prefork.c> StartServers 5 MinSpareServers 5 ...
-7
1 回答
342 閲覧数

2つあるHTML機能を一つにまとめたいです。 [クローズ済み]

失礼致します。 今それぞれ違う機能をもったHTMLファイル(JS機能含む)があります。 一つはサジェスト機能し検索することができます。2つ目はURL先で表示されているデータをテーブルに変換して表示する機能です。この二つを組み合わせていただけないでしょうか? 前者は検索してページを表示してもJSON形式のため見づらい 後者はテーブルに変換して見やすいがURL先をあらかじめ指定するため応用が利かない。...
1
0 回答
3,156 閲覧数

PHPとAjaxでいいねボタンを実装したい

PHP と Ajax を使って Facebook のいいねボタンのような投票システムを作ろうと思っています。 ファイルがいくつかあるので、分けて説明していきます。 //ボタン表示のphpファイル <button class="letsVote" data-id='buttonID' data-numhtml="countNum1"> <span class="...
2
2 回答
1万 閲覧数

jQueryでREST APIを呼び、レスポンスを取得する方法

現在、jQueryからREST APIを呼び結果を取得するコードを書いています。 【やりたいこと】  Paypalの以下のサンドボックス用のURLにjQueryでアクセスする。  https://api-3t.sandbox.paypal.com/nvp  結果は以下の文字列が返ってくるのでそれをjQueryで取得したい。  ACK=Failure&L_ERRORCODE0=81002&...
  • 91