[ajax] タグが付いた質問

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

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

ASP.NET MVC5 でcsvをpostでダウンロードするには

ASP.NET MVC5 でcsv出力をしようとしています。 パラメータの複数ある画面で、ボタンも複数あるためAjaxを使用してPostしています。 ファイルのダウンロードがされず、またファイル作成もできず困っています。 //以下、抜粋 $('#download').click( function () { var param= new ...
0
1 回答
2,026 閲覧数

Ajaxのsuccess:functionでphp側からの複数の値を受け取る方法。

大変お世話になっております。 以下の例の様にAjaxを使い、php側でデータベースから抽出した複数の値を取得し、それらをhtml側のinputのvalueに設定し表示させようとしております。 しかしながら、Ajaxのsuccess:functionでの設定の方法が分かりません。 因みに、下記をsuccess:function($price1)と設定すると、a....
0
1 回答
5,231 閲覧数

htmlフォームのpostからのレスポンスを取得し、その値をサーバーに自動送信したいです。

大変お世話になっております。 以下の様な設定で、http://www.test.com/test.html というページのhtmlのフォームからユーザーIDとパスワードを入力し、送信ボタンをクリックし、https://server.com/send1 へPOST送信すると、一番下に表示されている様に、urlにhttps://server.com/send1と表示されたまま、...
2
2 回答
260 閲覧数

ajaxの非同期通信時にUnable to autoload constant ControllerとUncaught SyntaxError: Unexpected token . , compile errorのエラーが発生する

初めての質問です! ruby on railsで現在製作中の投稿型アプリケーションの投稿機能に、ajaxで非同期通信を適用させようとしています。 createアクションにrespond_toを使って、json形式でデータをとり、ajaxでデータを返すという具合です。 ところが、いざ実装してみると一つのエラーを抜け出せず、投稿がままならない状態です。 エラー内容は、 Unable to ...
1
1 回答
123 閲覧数

どの部分が前回の非同期通信なのか

下記の引用は、ブレイクスルーjavascript初版96頁に記述されているものを一部抜粋したものです。 〇Promise/Deferredを使った非同期通信 javascriptにおける非同期通信は、昨今のwebアプリケーションの進化を大きくけん引してきたといっても過言ではありません。しかし、その便利さとは裏腹に、...
-1
3 回答
4万 閲覧数

Ajaxの返り値を取得する

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

ui:repeatで作成したテーブル行について、f:ajax「追加」ボタン押下で行追加

ui:repeatで作成したテーブル行について、行追加を行いたいのですが、 とすると、 行は追加されますが、テーブル全体が再描画されるため、入力中の値が消えてしまいます。 ※テーブルはjqueryのdatatableを使用しています。 MnagedBeanでリストに行を追加し、HTML上のテーブルに行追加のみを行い、 ほかの行は変更再描画させないようにするには、どのように実現できるのでしょうか。 ...
0
1 回答
452 閲覧数

Laravel 5.6 & AJAX: jQuery.load()のurlパラメターとして、{{ }}表現を使うのは本当に可能?

下記の例(情報源)を見た時に、jQuery.ajaxのurlパラメターとしてbladeテンプレートと同じように{{ }}表現を使っても良いと推測しました。 $.ajax({ type: "POST", url : "{{ url('/api/login') }}", contentType: 'application/json', dataType: 'json', data:...
1
0 回答
1,277 閲覧数

Jsonデータの持ち回りと値の受け渡しについて

前提・実現したいこと 我ながらお恥ずかしい話ですが、APIから取得するデータでツリー表示をさせ、画面上にデータとして残すようなページをサンプルで作っています。 どうか皆様のアドバイス(ソースコード)などのお力添えをお願いいたします。 環境等は最下部に記載しています。 以下が実現したいことです。 Jsonデータ ⇒ 取得してツリー表示(初期表示) ⇒ ツリー内のボタン(プラスボタンなど) ⇒...
0
1 回答
1,340 閲覧数

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

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

Ajaxの連続リクエストをJavaで防ぐ方法

Ajaxの連続リクエストをJavaで防ぐ方法について質問させて頂きます。 まず、Ajaxの処理はデータの更新を行います。 現状、画面側ではAjax実行ボタンに対して、javascriptでボタン押下~Ajax処理終了までボタンを非活性にしていますが、javascriptは開発者ツール等で簡単に書き換えられてしまうので、java側でも連続リクエストに対する制御を入れたいと考えております。 ...
0
2 回答
3,098 閲覧数

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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]) {...
0
1 回答
240 閲覧数

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

php ajax , SyntaxError: Unexpected identifier

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

Facebook Graph APIでWEBページのURLをUserIdやGroupIdに変換したい。

下記のサイトの様にFacebookのURLをUserIdやGroupIdに変換したいのですが http://lookup-id.com/ Facebook Graph APIには相当する物が見当たりません。 どうやって変換しているかお分かりになられる方はいませんでしょうか? 以前はこの方法で動作していたのですが https://stackoverflow.com/questions/...
2
1 回答
3,527 閲覧数

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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"...
3
1 回答
6,130 閲覧数

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

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

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

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