[ajax] タグが付いた質問
111
質問
1
票
2回答
7,699 件の閲覧数
IE9 のみ $.ajax が期待通り動作しません
IE9で$.ajaxが動作しません(IE10やChromeでの正常動作は確認済み)
現在ajax実行時のソースは下記のソースの通りです。
現状の動作としてはサーバー側に処理が移る前に、
error: function (XMLHttpRequest, textStatus, errorThrown) に到達してしまう状況です。
textStatusには"error"、...
1
票
1回答
2,055 件の閲覧数
bootstrap のmodal がiOSの端末でスクロール出来ない
bootstrap3でmodal内で検索できるような仕組みを作りました。テキストボックスの内容をAjaxでPHPに送信して結果をJsonで受け取ります。その内容をmodal内で表示するのですが、結果が多くなったときにスクロール(スワイプ)が出来ない状況になりました。どうもこの現象がiOSの端末のみで発生しているようです。
この解決方法をご存知の方がいらっしゃったら教えて下さい。
0
票
0回答
64 件の閲覧数
Railsでgem 'carrierwave'を使用した際、親子の子にあたるimagesが登録できても編集できない
【 環境 】 Rails 6
ruby -v
2.6.6
rails -v
Rails 6.0.3.2
【 やりたいこと 】
gem 'carrierwave'を使用して複数画像の登録、編集および削除を実装したい
【 困っていること 】
新規での複数画像の登録はできたのですが、
この実装方法ですと、ユーザー情報の編集にて複数画像の変更(更新)を行うことができず困っております・・
"...
0
票
0回答
53 件の閲覧数
JQuery htmlを出力したい、でもruby(each文)が使えない
前提・実現したいこと
現在非同期通信のインクリメンタルサーチを実装しております。
問題なくインクリメンタルサーチは実装でき、検索することで検索結果としてポストが表示されるようになりましたが、一点だけ問題が起きています。
各ポストには、acts-as-taggable-on gemを使ったタグがついています。
つまり、一つのポストには、一つ以上のタグが付随しています。
erbでは、map(...
0
票
0回答
74 件の閲覧数
laravelのページネーションが上手く行かない
今現在、laravelで非同期処理を用いてページネーションの機能を実装しようとしているのですが、
2ページ目以降に行くと、ユーザーを選ぶ欄が表示されなくなってしまいます。
間違っている部分を指摘してくださるとありがたいです。
以下のコードは必要な部分のみ抜粋しています。
~app.blade.php~
@if(Auth::user()):
<div class="modal ...
0
票
1回答
324 件の閲覧数
Ajax の結果を用いた条件分岐は done の中に書けば良い?
Ajaxで検査した結果を表示したいのですが、サーバーからの結果からさらにJavaScriptのswitch文の条件を当てはめたいのですが、そのswitch文はdoneの中に書くのでしょうか?
どのようにしてサーバからの結果とswitch文をつなげるのか分からないです。
ソースコード
$(function(){
// ajax button click
$('#ajax').on('...
1
票
0回答
299 件の閲覧数
Spring boot+Thymeleafで画面を一部更新したい
概要
Sprint bootでWebアプリの開発をしています。
画面内でユーザがボタンをクリックすると、クリックしたボタンに応じて画面を一部更新させたく、ajaxとthymeleafのfragmentを活用してみたところ、コントローラからレスポンスは返ってきているものの、エラーになってしまいます。
エラーの詳細
Google Chromeのディベロッパーツールのコンソールを見たところ、...
0
票
0回答
106 件の閲覧数
ActiveRecord::RecordNotFound (Couldn't find Room without an ID):と表示されメッセージの送信ができない
現在、【Rails6】(送信時のリロード無し!)Action CableでSlack風チャットアプリを作成-Qiitaの記事を参考にしActionCableを使用し、非同期通信のチャット機能を実装しており、チャットルームの作成はできたのですが、その作成したチャットルームでメッセージを送信した際にブラウザ上には何も変化がなく、ターミナル上に以下のエラーメッセージが出てきてしまいます。
Started ...
0
票
1回答
72 件の閲覧数
中間テーブルを使用しアソシエーションを組んでいるがAssociationNotFoundErrorと表示されてしまう。
現在、【Rails6】(送信時のリロード無し!)Action CableでSlack風チャットアプリを作成-Qiitaの記事を参考にしActionCableを使用し、非同期通信のチャットルームを作成しており、チャットルームの作成はできたのですが、その作成したチャットルームをRoomのIndexで表示表示をしようとすると以下のエラーが出てきてしまいます。
ActiveRecord::...
0
票
1回答
99 件の閲覧数
create.js.erbにjsコードを記述してもVSコード上で色が変わらない(無効な状態):ActionCable
ActiveCableを使用し、非同期通信でチャットができるように実装をしています。
初学者であるため、基本ができていないかもしれないのと、特にJavaScriptは知識が浅く調べても基本的な事すぎてなのか原因などが出てこないため、こちらで質問をさせていただきます。
下記のwebサイトを参考にし、実装を進めています。
【Rails6】 Action CableでSlack風チャットアプリを作成 - ...
0
票
1回答
70 件の閲覧数
railsにて地図の緯度経度を使用したい為にAjax通信を用いたがコントローラーへ値が送信できない
[実現したいこと]
住所を元に作成したgooglemapを無料で埋め込みたい。
[経緯/考察]
Google ApiのGeocodingは有料とのことでしたので、色々と探していたところ
無料で緯度経度を検索できる「Community Geocoder」なるものを見つけたので
こちらを利用してjavascriptで緯度経度を求めました。
...
0
票
2回答
183 件の閲覧数
WordPressのAJAXで別ドメインのphpからjsonデータ取得
WordPressからAJAXでドメインが異なるphpからデータを取得(JSON形式)したいと考えております。
ブラウザにhtt形式でhttps://〇〇〇.jp/test.php?des=50とうつと、JSONデータが表示されます。
このdes=50をGET形式ではなく、ブラウザからユーザーが入力した値をPOST形式で送りたいです。
function.phpに以下のコードを書いているのですが、...
0
票
1回答
287 件の閲覧数
js.erbファイルでlink_toの書き方が分かりません
Ruby on Railsのjs.erbファイルでlink_toの書き方が分かりません。
ajax通信のhtmlのlink_toにパラメータを付与したいです。
解決策見つからず、お力をお貸しください。
js.erbファイル
function appendCompany(company) {
var html =
`
<div class="company-...
0
票
1回答
61 件の閲覧数
ajax通信がうまくいきません。
Ruby on Railsで初めてアプリを作っている初学者です。ajax通信ができず困っています。
jQueryを使って下記の通り作成しました。発火は起きていますが、controllerへ送られていないような感じです。
解決策見つからず、ご教示のほど、お願いいたします。
search.js
$(function() {
var search_list = $("contents.row");...
0
票
0回答
92 件の閲覧数
Rails 5.2.4.3でAjaxの実装ができない
下記のページをそれぞれ参考にRails 5.2.4.3でのAjaxの実装を試みていますが、
ログをみるとHTMLになっており反応していなさそうです。
参考にしたページ
【Rails】remote: trueでサクッと画面切り替え
form_forをremote: trueでAjax実装
【Rails初心者】Ajaxの実装方法を理解する(非同期通信) - Qiita
どの記事をみても、まずは ...
0
票
1回答
113 件の閲覧数
vue.js +axiosでデータベースの値を$dataに格納したい
Djangoでwebアプリを作成しており、template内でVue.jsを使用しています。
axiosを使ってデータベースにアクセスしており、データの受け渡し自体は上手くいっているようなのですが、.then()の中からthis.$dataにアクセスしようとすると何故かundifinedになってしまいます。
myscript.js
new Vue({
el: '#article',
...
0
票
1回答
111 件の閲覧数
No route matches
お世話になっております。
下記の問題に対して知見がある方がいらっしゃいましたらご教示お願いします。
起きている問題
いいね機能を実装中にエラーが発生しました。
# _like.html.erb
<% if @post.liked_by?(current_user) %>
<%= button_to 'いいね解除', post_like_path(@post), ...
1
票
0回答
77 件の閲覧数
あるユーザーのオンライン状態を判断する方法を教えてください [クローズ済み]
setIntervalを用いて一定時間ごとにAJAXリクエストをサーバに送信する方法以外に、あるユーザーのオンライン状態を判断するもっと良い方法はありませんか?
1
票
1回答
423 件の閲覧数
アンケートサイト作成しています
各記事ごとにAjaxでデータベース通信しています。
AjaxのPostにsiteurl/enquete.phpで、データベースはwp/enqtableでPDOです。
記事生成時はすでにデータベースにあるアンケート質問をWordpress記事にコピペしてinputで回答します。
閲覧者が回答した瞬間にアンケート結果をAjaxで出力します。
この一連のやり方は適切でしょうか?
初めてなので、...
0
票
1回答
631 件の閲覧数
Bootstrap Modal 内にAjaxで表示
#mymodalの.modal-body内にphpfile.phpで呼び出された内容を表示したいのですが、以下のコードではうまくいきません。
modalは出て来るし、ajaxでなければ表示されるので、modal内へのページの読み込みができていないと言うことでしょうが…。
function addCart(id){
$('#mymodal .modal-body').load("...
0
票
1回答
165 件の閲覧数
Ajax対応の記述
ecサイト作成していて、Ajax対応がなかなか思うように行かないので質問させていただきます。
お気に入り機能のボタンをつけて、お気に入りしてあるか、否かの表示を切り替える際にAjaxお使いたいのですが、現在remote:true とjs.htmlファイル、部分テンプレ作成してやっているのですが,お気に入りに追加や解除しても画面が何も変わらず、ターミナルではエラー表示。...
0
票
1回答
434 件の閲覧数
楽天APIから取り出した商品画像をSwiperで動かしたい
楽天APIから取り出した商品画像をSwiperという画像をスライドさせるプラグインで動かしたいのですが動きません。
htmlだけで設置した時にはスライドするのを確認できました。
何か記載方法に問題があるのでしょうか。
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/...
2
票
2回答
445 件の閲覧数
attrによって読み込むajaxを振り分けたい
下記の様なコードでボタン毎に読み込むjsonオブジェクトを切り替えて、画像を読み込みたいのですが、そもそもそういった事は可能でしょうか?
$(document).ready(function(){
$('button').on('click', function(this){
$.ajax({
type: 'GET',
url: 'data-...
0
票
1回答
193 件の閲覧数
list.jsでソートしたらhtmlが消える
list.jsを使ってテーブルをソートしたらテーブルの中身が全部消えます。何故でしょうか...
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://stackpath....
0
票
1回答
456 件の閲覧数
xmlファイルをjQueryで読み込み時にCORSエラー
ローカルでindex.htmlを作り、Yahooのニュースページのxmlファイルの中身をjQueryを用いて取得しようとしていますが、Google Chrome Consoleにおいて以下のエラーが生じ、正しくページが表示できません。
Access to XMLHttpRequest at 'http://headlines.yahoo.co.jp/rss/all-c_int.xml?_=...
0
票
0回答
717 件の閲覧数
FormDataでバイナリをpostしたい
自動化のスクリプトを作っています。
目的のサイトでバイナリファイルを手作業でアップロードすると、Chromeのコンソールのnetworkから送られたFormDataを見るとfile: (binary)となっています。FormDataでbinaryと認識されるにはどうしたら良いでしょうか?
Blobでは中身は取り出せないのでFaileReaderで中身を読んで、特定の型付き配列で送信する?...
0
票
0回答
110 件の閲覧数
ajax JavaScriptにfor文を埋め込みたい
下記の様な書き方は可能でしょうか?
doneのsearchResultでの結果を数分回したいのですが、どのように書けばいいのかわかりません。
上記で実行してみた結果ループは動きませんでした。ajaxの結果をどのように回すのか教えていただきたいです。
Ajax
$(function(){
$('#ajax').on('click',function(){
$.ajax({...
1
票
0回答
92 件の閲覧数
AjaxのJavaScriptが動きません
Ajaxを使ったJavascriptで、以下の①と②は個別には問題なく動くのですが、
これを同時に使用とすると、②のwindow.onbeforeunload()関数が呼び出されません。
window.onbeforeunloadを使う場合の注意点などがありますか?
画面遷移時なので、console.log等も残せないようなので、デバッグにも苦労しています。
少し長くてすいませんが
コード①
...
0
票
1回答
213 件の閲覧数
ajaxを使った簡易掲示板、insertがうまくいかない
textareaに書いた内容ではなく、1がinsertされます。
原因がわからないので、教えていただければ幸いです。
よろしくお願いします。
index.php
<div id="content">
<div style="text-align: right"><a href="logout.php">ログアウト</a></div&...
0
票
1回答
61 件の閲覧数
consoleのログからPHPに渡したい
各々は正常に稼働するのですが、AdVideoCompleteを拾ってつなげていく方法が何度やっても上手くいかずご質問させていただいてる次第です。
ajaxでPHPに渡してやるのがいいとは思うのですが、javascriptで可能なのかもしれませんが、ajaxをあまり触ったことがなく孤軍奮闘したのですが解決できませんでした。
<script>
function init (api) {
...
0
票
0回答
137 件の閲覧数
chrome拡張内からlocalhostへのアクセス そのままコードが返ってくる
普段ajaxするときはlocalhost/hoge/index.pyなどのURLでアクセスして、ajax(jquery)のURL指定は、
$.ajax({
url : 'index.py'
})
のように、サーバのルート以下にあるhtml起点でやりますが、
chrome拡張のpopupからajaxリクエストを投げる場合、popup.js内では以下でいいんでしょうか?
$.ajax({
...
8
票
1回答
2,244 件の閲覧数
httpsサーバーへajax通信をする場合、通信内容は暗号化されているか
httpsサーバーへajax通信をする場合(ajaxのurlパラメータにhttps://example.comを指定して通信する場合)、通信内容は全てssl暗号化されているという理解なのですが、それで正しいでしょうか。
0
票
0回答
2,650 件の閲覧数
PHPとAjaxでいいねボタンを実装したい
PHP と Ajax を使って Facebook のいいねボタンのような投票システムを作ろうと思っています。
ファイルがいくつかあるので、分けて説明していきます。
//ボタン表示のphpファイル
<button class="letsVote" data-id='buttonID' data-numhtml="countNum1">
<span class="...
2
票
1回答
251 件の閲覧数
チャットの非同期通信について
2chやLINEなど、現在では非同期送信や受信が当たり前のように使われています。非同期送信はすごくわかりやすいのですが、非同期受信の仕組みがよくわかりません。
例えば2ch見ている時に非同期受信ができる理由は、
サーバーが繫がっている端末のアドレスを保存していてそこに向けて何か変化があれば送信している
ということですか?それならすごくサーバーの処理が重くなるとおもうのですが。
予想としては、...
1
票
0回答
57 件の閲覧数
AngularJSでファイルアップロードとクロスドメイン問題
AngularJSのajaxを用いて、ファイルのアップロードを行いたいのですが、色々検索してみたやり方だと、
headers:{"Content-type":undefined}
,transformRequest: null
というように、ヘッダーに「undefined」と指定すればよい、と記載されているサイトが多くありました。
ただ、AngularJSを使用しているのがスマホアプリで、...
2
票
1回答
1,514 件の閲覧数
iosのsafariのみajaxがfailに入る
サーバーに設置しているPHPにajaxでアクセスして、jsonでデータを受け取ることをしているのですが、iosのsafariのみうまくいきません。
fail内容を見ると
XMLHttpRequest.status : 0
textStatus : error
errorThrown.message : 'the operation timed out'
とalertで表示されているので、
...
0
票
1回答
186 件の閲覧数
cakephp3系でajaxを使い、リアルタイムでデータを取得し、グラフで表示したい
こんにちは。Cakephpを最近勉強し始めたものなのですが、
今回はajaxとcakephpとの連携で引っかかってしまったので
質問させていただきます。
今回実現させたいことは、Datasというデータベースからのデータをajaxをつかってリアルタイムで更新しながらChart.jsを使ったグラフで表示させるというものです。
データベースはresult(値は1つ),created(投票された時間)...
0
票
1回答
1,681 件の閲覧数
cakephp3でajaxとcontroller間でのデータやり取りがうまくいきません
タイトルの件について、
ローカル環境(vagrant使用)で正常に動作していた
ajax→controller→ajaxのデータ通信が、レンタルサーバー(xserver)に
uploadしたところ処理がvagrantと違った挙動になってしまい、
原因が分からず詰まってしまいました。
そこで、現在の処理のソースを記載しますので、
間違っている点や原因をご教示いただけると幸いです。
【...
0
票
1回答
1,711 件の閲覧数
ASP.NET MVC5 でcsvをpostでダウンロードするには
ASP.NET MVC5 でcsv出力をしようとしています。
パラメータの複数ある画面で、ボタンも複数あるためAjaxを使用してPostしています。
ファイルのダウンロードがされず、またファイル作成もできず困っています。
//以下、抜粋
$('#download').click(
function () {
var param= new ...
0
票
1回答
1,108 件の閲覧数
Ajaxのsuccess:functionでphp側からの複数の値を受け取る方法。
大変お世話になっております。
以下の例の様にAjaxを使い、php側でデータベースから抽出した複数の値を取得し、それらをhtml側のinputのvalueに設定し表示させようとしております。
しかしながら、Ajaxのsuccess:functionでの設定の方法が分かりません。
因みに、下記をsuccess:function($price1)と設定すると、a....
0
票
1回答
2,170 件の閲覧数
htmlフォームのpostからのレスポンスを取得し、その値をサーバーに自動送信したいです。
大変お世話になっております。
以下の様な設定で、http://www.test.com/test.html というページのhtmlのフォームからユーザーIDとパスワードを入力し、送信ボタンをクリックし、https://server.com/send1 へPOST送信すると、一番下に表示されている様に、urlにhttps://server.com/send1と表示されたまま、...
3
票
2回答
213 件の閲覧数
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回答
121 件の閲覧数
どの部分が前回の非同期通信なのか
下記の引用は、ブレイクスルー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,226 件の閲覧数
ui:repeatで作成したテーブル行について、f:ajax「追加」ボタン押下で行追加
ui:repeatで作成したテーブル行について、行追加を行いたいのですが、
とすると、
行は追加されますが、テーブル全体が再描画されるため、入力中の値が消えてしまいます。
※テーブルはjqueryのdatatableを使用しています。
MnagedBeanでリストに行を追加し、HTML上のテーブルに行追加のみを行い、
ほかの行は変更再描画させないようにするには、どのように実現できるのでしょうか。
...
0
票
1回答
371 件の閲覧数
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回答
995 件の閲覧数
Jsonデータの持ち回りと値の受け渡しについて
前提・実現したいこと
我ながらお恥ずかしい話ですが、APIから取得するデータでツリー表示をさせ、画面上にデータとして残すようなページをサンプルで作っています。
どうか皆様のアドバイス(ソースコード)などのお力添えをお願いいたします。
環境等は最下部に記載しています。
以下が実現したいことです。
Jsonデータ ⇒ 取得してツリー表示(初期表示) ⇒ ツリー内のボタン(プラスボタンなど) ⇒...
0
票
1回答
1,040 件の閲覧数
Ajaxでファイルアップロードする際にサーバーから返される進捗を逐一表示したい
jQueryとAjax(サーバーサイドはPython)を使って非同期のファイルアップローダを制作しています。サーバーサイドではアップロードの途中経過(Uploading hoge.jpg....やUpdating database....などといった進捗状況)をJSONで出力しているのですが、Ajaxで新しいJSONステータスが出力されるたびにそれを受け取って表示するということはできるのでしょうか?...
1
票
0回答
154 件の閲覧数
Ajaxの連続リクエストをJavaで防ぐ方法
Ajaxの連続リクエストをJavaで防ぐ方法について質問させて頂きます。
まず、Ajaxの処理はデータの更新を行います。
現状、画面側ではAjax実行ボタンに対して、javascriptでボタン押下~Ajax処理終了までボタンを非活性にしていますが、javascriptは開発者ツール等で簡単に書き換えられてしまうので、java側でも連続リクエストに対する制御を入れたいと考えております。
...
0
票
2回答
2,496 件の閲覧数
jQuery.ajax()で外部HTMLファイルを読み込んで要素を取得したい
jQuery.ajax()で外部HTMLファイルを読み込んで要素を取得したいのですが、
find, filter関数でid名やクラス名を指定しても取得できません。どうしたら良いのでしょうか?
ちなみに、同じクラス名をもつ複数の要素も配列で取得したいです。
$(document).ready(function(){
$.ajax({
url:'http://yahoo.co....