[ajax] タグが付いた質問
112
質問
1
票
1回答
35 件の閲覧数
Laravel+jquery 一覧表示したデータのidをjsのコンソール側で取得できるようにしたい。
やりたいこと
最終目標としては、Ajaxを使って一覧表示の削除ボタンを押すと、非同期でUI上からもDBから削除するできる機能を目指しています。
その前段階として、jqueryのみでフロント側のみできる削除する機能を実装したいと考えています。
さらにこの機能を実装する手段として、まずはボタンをクリックするとjs側で、一覧リストそれぞれのidを取得する必要があるのですが、ここに苦戦しています。
問題点
...
0
票
0回答
53 件の閲覧数
JQuery htmlを出力したい、でもruby(each文)が使えない
前提・実現したいこと
現在非同期通信のインクリメンタルサーチを実装しております。
問題なくインクリメンタルサーチは実装でき、検索することで検索結果としてポストが表示されるようになりましたが、一点だけ問題が起きています。
各ポストには、acts-as-taggable-on gemを使ったタグがついています。
つまり、一つのポストには、一つ以上のタグが付随しています。
erbでは、map(...
0
票
0回答
75 件の閲覧数
laravelのページネーションが上手く行かない
今現在、laravelで非同期処理を用いてページネーションの機能を実装しようとしているのですが、
2ページ目以降に行くと、ユーザーを選ぶ欄が表示されなくなってしまいます。
間違っている部分を指摘してくださるとありがたいです。
以下のコードは必要な部分のみ抜粋しています。
~app.blade.php~
@if(Auth::user()):
<div class="modal ...
0
票
0回答
65 件の閲覧数
Railsでgem 'carrierwave'を使用した際、親子の子にあたるimagesが登録できても編集できない
【 環境 】 Rails 6
ruby -v
2.6.6
rails -v
Rails 6.0.3.2
【 やりたいこと 】
gem 'carrierwave'を使用して複数画像の登録、編集および削除を実装したい
【 困っていること 】
新規での複数画像の登録はできたのですが、
この実装方法ですと、ユーザー情報の編集にて複数画像の変更(更新)を行うことができず困っております・・
"...
1
票
0回答
310 件の閲覧数
Spring boot+Thymeleafで画面を一部更新したい
概要
Sprint bootでWebアプリの開発をしています。
画面内でユーザがボタンをクリックすると、クリックしたボタンに応じて画面を一部更新させたく、ajaxとthymeleafのfragmentを活用してみたところ、コントローラからレスポンスは返ってきているものの、エラーになってしまいます。
エラーの詳細
Google Chromeのディベロッパーツールのコンソールを見たところ、...
0
票
0回答
109 件の閲覧数
ActiveRecord::RecordNotFound (Couldn't find Room without an ID):と表示されメッセージの送信ができない
現在、【Rails6】(送信時のリロード無し!)Action CableでSlack風チャットアプリを作成-Qiitaの記事を参考にしActionCableを使用し、非同期通信のチャット機能を実装しており、チャットルームの作成はできたのですが、その作成したチャットルームでメッセージを送信した際にブラウザ上には何も変化がなく、ターミナル上に以下のエラーメッセージが出てきてしまいます。
Started ...
0
票
1回答
74 件の閲覧数
中間テーブルを使用しアソシエーションを組んでいるがAssociationNotFoundErrorと表示されてしまう。
現在、【Rails6】(送信時のリロード無し!)Action CableでSlack風チャットアプリを作成-Qiitaの記事を参考にしActionCableを使用し、非同期通信のチャットルームを作成しており、チャットルームの作成はできたのですが、その作成したチャットルームをRoomのIndexで表示表示をしようとすると以下のエラーが出てきてしまいます。
ActiveRecord::...
0
票
1回答
106 件の閲覧数
create.js.erbにjsコードを記述してもVSコード上で色が変わらない(無効な状態):ActionCable
ActiveCableを使用し、非同期通信でチャットができるように実装をしています。
初学者であるため、基本ができていないかもしれないのと、特にJavaScriptは知識が浅く調べても基本的な事すぎてなのか原因などが出てこないため、こちらで質問をさせていただきます。
下記のwebサイトを参考にし、実装を進めています。
【Rails6】 Action CableでSlack風チャットアプリを作成 - ...
0
票
1回答
73 件の閲覧数
railsにて地図の緯度経度を使用したい為にAjax通信を用いたがコントローラーへ値が送信できない
[実現したいこと]
住所を元に作成したgooglemapを無料で埋め込みたい。
[経緯/考察]
Google ApiのGeocodingは有料とのことでしたので、色々と探していたところ
無料で緯度経度を検索できる「Community Geocoder」なるものを見つけたので
こちらを利用してjavascriptで緯度経度を求めました。
...
0
票
1回答
298 件の閲覧数
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回答
101 件の閲覧数
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回答
116 件の閲覧数
vue.js +axiosでデータベースの値を$dataに格納したい
Djangoでwebアプリを作成しており、template内でVue.jsを使用しています。
axiosを使ってデータベースにアクセスしており、データの受け渡し自体は上手くいっているようなのですが、.then()の中からthis.$dataにアクセスしようとすると何故かundifinedになってしまいます。
myscript.js
new Vue({
el: '#article',
...
1
票
0回答
77 件の閲覧数
あるユーザーのオンライン状態を判断する方法を教えてください [クローズ済み]
setIntervalを用いて一定時間ごとにAJAXリクエストをサーバに送信する方法以外に、あるユーザーのオンライン状態を判断するもっと良い方法はありませんか?
0
票
1回答
112 件の閲覧数
No route matches
お世話になっております。
下記の問題に対して知見がある方がいらっしゃいましたらご教示お願いします。
起きている問題
いいね機能を実装中にエラーが発生しました。
# _like.html.erb
<% if @post.liked_by?(current_user) %>
<%= button_to 'いいね解除', post_like_path(@post), ...
0
票
1回答
195 件の閲覧数
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回答
726 件の閲覧数
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({...
0
票
1回答
332 件の閲覧数
Ajax の結果を用いた条件分岐は done の中に書けば良い?
Ajaxで検査した結果を表示したいのですが、サーバーからの結果からさらにJavaScriptのswitch文の条件を当てはめたいのですが、そのswitch文はdoneの中に書くのでしょうか?
どのようにしてサーバからの結果とswitch文をつなげるのか分からないです。
ソースコード
$(function(){
// ajax button click
$('#ajax').on('...
1
票
0回答
92 件の閲覧数
AjaxのJavaScriptが動きません
Ajaxを使ったJavascriptで、以下の①と②は個別には問題なく動くのですが、
これを同時に使用とすると、②のwindow.onbeforeunload()関数が呼び出されません。
window.onbeforeunloadを使う場合の注意点などがありますか?
画面遷移時なので、console.log等も残せないようなので、デバッグにも苦労しています。
少し長くてすいませんが
コード①
...
0
票
1回答
215 件の閲覧数
ajaxを使った簡易掲示板、insertがうまくいかない
textareaに書いた内容ではなく、1がinsertされます。
原因がわからないので、教えていただければ幸いです。
よろしくお願いします。
index.php
<div id="content">
<div style="text-align: right"><a href="logout.php">ログアウト</a></div&...
0
票
2回答
187 件の閲覧数
WordPressのAJAXで別ドメインのphpからjsonデータ取得
WordPressからAJAXでドメインが異なるphpからデータを取得(JSON形式)したいと考えております。
ブラウザにhtt形式でhttps://〇〇〇.jp/test.php?des=50とうつと、JSONデータが表示されます。
このdes=50をGET形式ではなく、ブラウザからユーザーが入力した値をPOST形式で送りたいです。
function.phpに以下のコードを書いているのですが、...
0
票
1回答
61 件の閲覧数
consoleのログからPHPに渡したい
各々は正常に稼働するのですが、AdVideoCompleteを拾ってつなげていく方法が何度やっても上手くいかずご質問させていただいてる次第です。
ajaxでPHPに渡してやるのがいいとは思うのですが、javascriptで可能なのかもしれませんが、ajaxをあまり触ったことがなく孤軍奮闘したのですが解決できませんでした。
<script>
function init (api) {
...
0
票
0回答
140 件の閲覧数
chrome拡張内からlocalhostへのアクセス そのままコードが返ってくる
普段ajaxするときはlocalhost/hoge/index.pyなどのURLでアクセスして、ajax(jquery)のURL指定は、
$.ajax({
url : 'index.py'
})
のように、サーバのルート以下にあるhtml起点でやりますが、
chrome拡張のpopupからajaxリクエストを投げる場合、popup.js内では以下でいいんでしょうか?
$.ajax({
...
2
票
1回答
254 件の閲覧数
チャットの非同期通信について
2chやLINEなど、現在では非同期送信や受信が当たり前のように使われています。非同期送信はすごくわかりやすいのですが、非同期受信の仕組みがよくわかりません。
例えば2ch見ている時に非同期受信ができる理由は、
サーバーが繫がっている端末のアドレスを保存していてそこに向けて何か変化があれば送信している
ということですか?それならすごくサーバーの処理が重くなるとおもうのですが。
予想としては、...
1
票
0回答
58 件の閲覧数
AngularJSでファイルアップロードとクロスドメイン問題
AngularJSのajaxを用いて、ファイルのアップロードを行いたいのですが、色々検索してみたやり方だと、
headers:{"Content-type":undefined}
,transformRequest: null
というように、ヘッダーに「undefined」と指定すればよい、と記載されているサイトが多くありました。
ただ、AngularJSを使用しているのがスマホアプリで、...
2
票
1回答
1,534 件の閲覧数
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,695 件の閲覧数
cakephp3でajaxとcontroller間でのデータやり取りがうまくいきません
タイトルの件について、
ローカル環境(vagrant使用)で正常に動作していた
ajax→controller→ajaxのデータ通信が、レンタルサーバー(xserver)に
uploadしたところ処理がvagrantと違った挙動になってしまい、
原因が分からず詰まってしまいました。
そこで、現在の処理のソースを記載しますので、
間違っている点や原因をご教示いただけると幸いです。
【...
0
票
1回答
1,715 件の閲覧数
ASP.NET MVC5 でcsvをpostでダウンロードするには
ASP.NET MVC5 でcsv出力をしようとしています。
パラメータの複数ある画面で、ボタンも複数あるためAjaxを使用してPostしています。
ファイルのダウンロードがされず、またファイル作成もできず困っています。
//以下、抜粋
$('#download').click(
function () {
var param= new ...
0
票
1回答
1,115 件の閲覧数
Ajaxのsuccess:functionでphp側からの複数の値を受け取る方法。
大変お世話になっております。
以下の例の様にAjaxを使い、php側でデータベースから抽出した複数の値を取得し、それらをhtml側のinputのvalueに設定し表示させようとしております。
しかしながら、Ajaxのsuccess:functionでの設定の方法が分かりません。
因みに、下記をsuccess:function($price1)と設定すると、a....
0
票
1回答
2,201 件の閲覧数
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アプリケーションの進化を大きくけん引してきたといっても過言ではありません。しかし、その便利さとは裏腹に、...
0
票
1回答
165 件の閲覧数
Ajax対応の記述
ecサイト作成していて、Ajax対応がなかなか思うように行かないので質問させていただきます。
お気に入り機能のボタンをつけて、お気に入りしてあるか、否かの表示を切り替える際にAjaxお使いたいのですが、現在remote:true とjs.htmlファイル、部分テンプレ作成してやっているのですが,お気に入りに追加や解除しても画面が何も変わらず、ターミナルではエラー表示。...
0
票
1回答
1,228 件の閲覧数
ui:repeatで作成したテーブル行について、f:ajax「追加」ボタン押下で行追加
ui:repeatで作成したテーブル行について、行追加を行いたいのですが、
とすると、
行は追加されますが、テーブル全体が再描画されるため、入力中の値が消えてしまいます。
※テーブルはjqueryのdatatableを使用しています。
MnagedBeanでリストに行を追加し、HTML上のテーブルに行追加のみを行い、
ほかの行は変更再描画させないようにするには、どのように実現できるのでしょうか。
...
0
票
1回答
374 件の閲覧数
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回答
997 件の閲覧数
Jsonデータの持ち回りと値の受け渡しについて
前提・実現したいこと
我ながらお恥ずかしい話ですが、APIから取得するデータでツリー表示をさせ、画面上にデータとして残すようなページをサンプルで作っています。
どうか皆様のアドバイス(ソースコード)などのお力添えをお願いいたします。
環境等は最下部に記載しています。
以下が実現したいことです。
Jsonデータ ⇒ 取得してツリー表示(初期表示) ⇒ ツリー内のボタン(プラスボタンなど) ⇒...
1
票
0回答
154 件の閲覧数
Ajaxの連続リクエストをJavaで防ぐ方法
Ajaxの連続リクエストをJavaで防ぐ方法について質問させて頂きます。
まず、Ajaxの処理はデータの更新を行います。
現状、画面側ではAjax実行ボタンに対して、javascriptでボタン押下~Ajax処理終了までボタンを非活性にしていますが、javascriptは開発者ツール等で簡単に書き換えられてしまうので、java側でも連続リクエストに対する制御を入れたいと考えております。
...
0
票
0回答
1,366 件の閲覧数
jQuery.ajaxを用いた通信での戻り値の問題
InstascanをもちいてQRコードを読み込み、その値をもちいて処理を行うプログラムを作成しておりJSON形式で値を得たいのですがphpの中身がまるごと返てきてしまっています(以下のエラーが出ます)。
SyntaxError: Unexpected token < in JSON at position 0
以下のajaxはInstascanで読み込んだあとに実行され、...
0
票
2回答
2,502 件の閲覧数
jQuery.ajax()で外部HTMLファイルを読み込んで要素を取得したい
jQuery.ajax()で外部HTMLファイルを読み込んで要素を取得したいのですが、
find, filter関数でid名やクラス名を指定しても取得できません。どうしたら良いのでしょうか?
ちなみに、同じクラス名をもつ複数の要素も配列で取得したいです。
$(document).ready(function(){
$.ajax({
url:'http://yahoo.co....
0
票
1回答
212 件の閲覧数
PHPでのAjaxによる連携リストボックスを作る上で
JavaScript・PHP双方手を出して大変間もないものです。標題の件を学ぶため、こちらの記事を参考に挑戦中です。
https://qiita.com/hibriiiiidge/items/0ad0eb9de7275b2f0110記事にある構成どおり、index.phpとselect.phpを作りました。社内DBへ接続する上で、...
0
票
2回答
1,957 件の閲覧数
ajaxにて他サイトのHTMLを取得
ajaxを使って他サイトのHtmlを取得したいのですが、クロスドメインでエラーが起こってしまいます。
jsonpなら取得できるかと思い、試しに下記のコードでやってみたのですが
$.ajax({
url: 'https://hoge.jp',
dataType: 'JSONP',
type: 'GET',
success: function ({data}) {
...
0
票
1回答
438 件の閲覧数
楽天APIから取り出した商品画像をSwiperで動かしたい
楽天APIから取り出した商品画像をSwiperという画像をスライドさせるプラグインで動かしたいのですが動きません。
htmlだけで設置した時にはスライドするのを確認できました。
何か記載方法に問題があるのでしょうか。
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/...
0
票
1回答
632 件の閲覧数
Bootstrap Modal 内にAjaxで表示
#mymodalの.modal-body内にphpfile.phpで呼び出された内容を表示したいのですが、以下のコードではうまくいきません。
modalは出て来るし、ajaxでなければ表示されるので、modal内へのページの読み込みができていないと言うことでしょうが…。
function addCart(id){
$('#mymodal .modal-body').load("...
1
票
1回答
2,058 件の閲覧数
bootstrap のmodal がiOSの端末でスクロール出来ない
bootstrap3でmodal内で検索できるような仕組みを作りました。テキストボックスの内容をAjaxでPHPに送信して結果をJsonで受け取ります。その内容をmodal内で表示するのですが、結果が多くなったときにスクロール(スワイプ)が出来ない状況になりました。どうもこの現象がiOSの端末のみで発生しているようです。
この解決方法をご存知の方がいらっしゃったら教えて下さい。
0
票
1回答
515 件の閲覧数
サーバー側が PHP などの動的なコンテンツでなくとも「Ajax」は成り立ちますか?
Ajaxはwebサーバにhtmlと、htmlファイルでhello_ajax.jsというjsファイルを読み込んで、
そのhello_ajax.jsがイベント発生時に、var xhr = new XMLHttpRequest();~の処理を実行さえすれば
最低限成り立つと考えてよろしいでしょうか?
つまりphpの部分は特に必須ではなく、...
0
票
1回答
907 件の閲覧数
ajax通信でsql文を送信し、結果を取得する方法
お世話になっております。
現在、Monaca側からAjaxとphpを利用して、外部DBのレコードを取得しています。
表題の件ですが、検索のクエリをAjaxでPOST送信して、PHPでPDOを使った
クエリ実行を行うまでは出来ました。
しかし、DBから取得したデータを返す際、JSON形式に変換する必要があり、
今の所手動で連想配列を作り、それをjsonへ変換しています。
ですがこのやり方だと、...
0
票
1回答
672 件の閲覧数
Monacaから外部サーバのDBは利用できますか?
ただいま、Monacaでのアプリ開発を行っております。
Monaca側からレンタルサーバのDBを利用したいと考えているのですが、
それが可能であるかどうかが分かりません。
一応調べてはみたのですが、それが可能かどうかがハッキリと分からなかったので
ここで質問させて頂きました。
もし出来る場合は、その方法を教えて頂けると幸いです。