¿Como usar serialize en un formulario con input de tipo File?

publicado por: Anonymous Tengo un formulario en html para registrar un producto para ello uso ajax, cuando hago un serialize al formulario logro obtener todos los campos del mismo a excepción del campo de tipo file se que con FormData(), puedo obtener este campo pero me gustaría saber hay un manera con serialize para obtenerlo.…(Continue Reading)

Como mostrar detalles de un producto sin recargar la pagina

publicado por: Anonymous Buenas, estoy intentado hacer mi kardex o historial de entrada y salida de mi producto. Pero tengo un problema. No quiero que al pasar a ver los detalles de un producto la pagina requiera recargarse. Sino ocultar la primera tabla(producto.php) donde se listan todos mis productos y mostrar la tabla donde se…(Continue Reading)

insertar imagen con ajax

publicado por: Anonymous Buenas, necesito saber como insertar una imagen dentro de mi base de datos con ajax. Hace un tiempo aprendi a insertar de forma convencional una imagen con php. Pero ahora necesito hacerlo mediante AJAX, y me esta dando problemas. Asumiendo que esto es mi formulario: Ingresar nombre producto <input type=”text” id=”id_descripcion”><br> <input…(Continue Reading)

Una llamada ajax por boton?

publicado por: Anonymous Tengo en cada pagina de 1 o mas botones y para mandar variables al servidor uso ajax para cada boton, es decir cada boton tiene su codigo de llamada ajax por que debo enviar diferentes variables $.ajax({ url: destination.url, data: “id=”+blog.id+”&name=”+blog.name+ “&url=”+blog.url+”&author=”+blog.author, type: “post”, success: function(json) { […] }, error:function (xhr, ajaxOptions,…(Continue Reading)

IE9 のみ $.ajax が期待通り動作しません

投稿者: Anonymous IE9で$.ajaxが動作しません(IE10やChromeでの正常動作は確認済み) 現在ajax実行時のソースは下記のソースの通りです。 現状の動作としてはサーバー側に処理が移る前に、 error: function (XMLHttpRequest, textStatus, errorThrown) に到達してしまう状況です。 textStatusには”error”、errorThrownには”アクセスが拒否されました。”という文字列が入っています。 “アクセスが拒否されました。”の対応策として、このサイトを参考に「jquery.xdomainrequest.min.js」を試したのですが、依然として”アクセスが拒否されました。”が帰ってきます。 現在はこのサイトを参考に、XDomainRequestでの対応を試みています。 解決方法の分かる方がいましたら、ご教授をお願いします。 $.ajax( { url: url, crossDomain: true, type: ‘GET’, processData: false, contentType: false, data: jsonData, async: false, success: function (jsonData) { ~ }, error: function (XMLHttpRequest, textStatus, errorThrown) { ~ } }); 解決 IE10未満のXMLHttpRequestはクロスドメイン通信に対応していません。その代りIE8以降ではXDomainRequestが提供されています。しかしjQueryではこれに対応せずプラグインを使うことになっています。 質問文にはどのようなサイトを参考にされたのか、プラグインを読み込んでいるかが書かれておらず一つの可能性としてあげました。 質問文が更新されたのでそれを踏まえて追記します。 jQueryのチケットからリンクされているXDomainRequest – Restrictions, Limitations and…(Continue Reading)

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

投稿者: Anonymous 下記の引用は、ブレイクスルーjavascript初版96頁に記述されているものを一部抜粋したものです。 〇Promise/Deferredを使った非同期通信 javascriptにおける非同期通信は、昨今のwebアプリケーションの進化を大きくけん引してきたといっても過言ではありません。しかし、その便利さとは裏腹に、非同期通信で受け取ったレスポンスをコールバックで処理するというシステムは時に複雑を極めます。 次のコードは、「asyncFuncA >asyncFuncB >asyncFuncCの順に、前回の非同期通信完了を待ってから実行する」という処理の例です。 asyncFuncA (function(a){ asyncFuncB (function(b){ asyncFuncC(function(c){ console.log(c); },function(error){ console.log(error); }) },function(error){ console.log(error); }) },function(error){ console.log(error); }) ここで疑問なのですが、書籍の言う前回の非同期通信というのは、ソース中のどれなのでしょうか。 試したソース let asyncFuncA = function(qqq,eee) { //qqqは、入れ子になっているほうの関数 qqq(“asyncFuncA関数の仮引数であるqqq関数を実行”); eee(“asyncFuncA関数の仮引数であるeee関数を実行”); console.log(“qqq-a:”,qqq,”eee-a:”,eee); }; let asyncFuncB = function(qqq,eee) { qqq(“asyncFuncB関数の仮引数であるqqq関数を実行”); eee(“asyncFuncB関数の仮引数であるeee関数を実行”); console.log(“qqq-b:”,qqq,”eee-b:”,eee); }; let asyncFuncC = function(qqq,eee) { qqq(“asyncFuncC関数の仮引数であるqqq関数を実行”); eee(“asyncFuncC関数の仮引数であるeee関数を実行”); console.log(“qqq-c:”,qqq,”eee-c:”,eee); }; asyncFuncA(function(a){ console.log(“実引数a”,a);…(Continue Reading)

Cómo le digo al plugin select2 qué elemento poner, llenado por Ajax

publicado por: Anonymous Queria saber como le digo al plugin que elemnto poner y que no me arroje el select vacio: var id_proveedor = data[0][‘id_proveedor’]; //id del proveedor sacado de del Json var proveedor = data[0][‘nombre_proveedor’]; //nombre del proveedor sacado de del Json Esta en la funcion donde cargo dinamicamente mi .select2 : function combo_select2()…(Continue Reading)

Limpiar Inputs y TextArea de un formulario en un Modal de Bootstrap

publicado por: Anonymous El código de la tabla con los botones es el siguiente: <table class=”table table-striped”> <thead> <tr> <th>Fecha</th> <th>Título</th> <th>Estado</th> <th>Comentarios</th> <th> Acciones&nbsp;&nbsp;&nbsp;&nbsp;<button type=”button” class=”btn btn-success” data-toggle=”modal” data-target=”#modal” id=”btn-noticia” onclick=”limpiarFormulario();”>Crear noticia</button> </th> </tr> </thead> <tbody> <?php for ($i = 0; $i < count($noticias); $i++) { $noticia_actual = $noticias[$i][0]; $comentarios_noticia_actual = $noticias[$i][1]; ?> <tr>…(Continue Reading)

Problema al devolver una lista de objetos JSON con AJAX, no consigo acceder a las propiedades del objeto

publicado por: Anonymous Buenas, Tengo este servicio web: [ScriptMethod(ResponseFormat = ResponseFormat.Json)] public string ObtenirProvinciaByPoblacio(int CodiProvincia) { clsCRUD _ou2 = new clsCRUD(); try { _ou2.Connectar(); List<clsProvincies> LlistaProvincies = clsDALProvincies.getList(_ou2, CodiProvincia); _ou2.Desconnectar(); JavaScriptSerializer jss = new JavaScriptSerializer(); string resultat_Json = jss.Serialize(LlistaProvincies); return resultat_Json; } catch (Exception ex) { throw; } El cual me devuelve una lista de…(Continue Reading)

Cargar vista en un modal con Ajax

publicado por: Anonymous ¡Hola! Verán… Tengo un dilema con la carga de un archivo (vista) que necesito se habrá en el body de un modal, ya que, este sera el principio para poder mostrar información mas adelante. Como tal, tengo lo siguiente. En mi vista Listado (donde tengo una tabla de valores) le eh asignado…(Continue Reading)

ASP.NETでAjaxControlToolkitでToolkitScriptManagerが不明な要素エラーとでる

投稿者: Anonymous AjaxControlToolkitを使おうとしてエラーになるのですが、解決方法をご存じの方がいましたらお願いします。 最新のインストーラでVisualStudio2013にインストールしました。 アプリケーションはASP.NETフォームアプリケーションを空から作成しているものです。 プロジェクトの参照設定の配下にはAjaxControlToolkitが存在しています。 <%@ Register Assembly=”AjaxControlToolkit” Namespace=”AjaxControlToolkit” TagPrefix=”asp” %> 中略 <asp:TextBox ID=”TextBox1″ runat=”server”></asp:TextBox> <asp:CalendarExtender ID=”TextBox1_CalendarExtender” runat=”server” Enabled=”True” TargetControlID=”TextBox1″></asp:CalendarExtender> <asp:ToolkitScriptManager ID=”ToolkitScriptManager1″ runat=”server”> </asp:ToolkitScriptManager> エラー。 型または名前空間名 ‘ToolkitScriptManager’ は名前空間 ‘AjaxControlToolkit’ に存在しません。アセンブリ参照が不足しています。 ページのデザイナーの一番したのToolkitScriptManagerに赤線が引かれていてエラーになっています。その前のCalendarExtenderはなぜかエラーになっていないです。 /// <summary> /// TextBox1 コントロール。 /// </summary> /// <remarks> /// 自動生成されたフィールド。 /// 変更するには、フィールドの宣言をデザイナー ファイルから分離コード ファイルに移動します。 /// </remarks> protected global::System.Web.UI.WebControls.TextBox TextBox1; /// <summary> ///…(Continue Reading)

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

投稿者: Anonymous 大変お世話になっております。 以下の様な設定で、http://www.test.com/test.html というページのhtmlのフォームからユーザーIDとパスワードを入力し、送信ボタンをクリックし、https://server.com/send1 へPOST送信すると、一番下に表示されている様に、urlにhttps://server.com/send1と表示されたまま、画面に正しいresponceが表示されます。 javascriptを使用して、responceを取得次第、https://server.com/send2に、この返ってきたresponceを付加して自動的に送信しなければならなく、以下の様な設定にしておりますが、https://server.com/send2 にリダイレクトされません。 それは、以下のjavascriptの記述に問題があるのか、あるいは画面に表示されているresponseがhttp://www.test.com/test.htmlに実際には返ってきていないため(urlはhttps://server.com/send1の状態である為)、よってそのページ内にあるjavascriptに読まれていないためなのかなどが分かりません。 どのような記述、設定にすれば上記の目的を達成できるか、ご教授頂けませんでしょうか。 http://www.test.com/test.html <script language=”JavaScript”><!– xhr.onreadystatechange = function() { if(xhr.readyState === 4 && xhr.status === 200) { $responce = window.sessionStorage.getItem(‘responce’); var xhr = new XMLHttpRequest(); xhr.open(‘POST’, ‘https://server.com/send2’); xhr.setRequestHeader(‘content-type’, ‘application/x-www-form-urlencoded’); xhr.send(‘responce=$responce’); } } </script> <form action=”https://server.com/send1″ method=”post”> <input name=”USER” id=”USER” type=”hidden” value=””/> <input name=”PWD” id=”PWD” type=”hidden” value=”” />…(Continue Reading)

Obtener un objeto JSON, enviado como parametro de un ajax, con asp.net

publicado por: Anonymous Este es mi js. $(‘#tablaDemo’).DataTable({ processing: true, serverSide: true, ajax: { type: “POST”, contentType: “application/json; charset=utf-8”, url: “../Paginas/Crmedu_LstCliente.aspx/getDemo”, data: function (d) { console.log(d); return JSON.stringify({ parameters: d , dato: “{value: ‘Vitmar’}”, midat: “Hola mundo”}); } } }); y este es mi metodo. public static void getDemo(object parameters, object dato, string midat) {…(Continue Reading)

Obtener el valor de un radiobutton

publicado por: Anonymous Tengo el siguiente problema quiero actualizar el estado de un usuario mediante un radiobutton y quiero obtener el valor del radiobutton seleccionado para hacer un update en la base de datos. El problema esta es cuando selección del radio no me manda ningún valor. Muestro código para que miren como lo hago.…(Continue Reading)

Comprobar disponibilidad email ¿Cómo sería con AJAX en tiempo real?

publicado por: Anonymous Deseo comprobar si existe un email o no, a la hora de registrar un usuario nuevo en la base de datos. Para ello tengo un formulario y las siguientes funciones. Código formulario HTML: <!DOCTYPE html> <html lang=”es”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ /> <title>Formulario de Registro</title> <link rel=”stylesheet” href=”css/estilos_registrar.css”> <script type=”text/javascript” src=”js/validar_formulario.js”></script>…(Continue Reading)

Problema con envio de datos por ajax (laravel)

publicado por: Anonymous Estoy enviando un dato por ajax con type : ‘post’, pero me genera error, cuando lo cambio a type : ‘get’, los datos si son recibidos en success. Este es el codigo. Ajax $(‘.QuestionList-item’).on(‘click’, function() { $(‘.Question’).show(); $(‘.QuestionList’).removeClass(‘col-12’).addClass(‘col-6’); var param = { ‘_token’ : $(‘#token’).val(), ‘userid’: $(this).children(‘.clientName’).val() }; $.ajax({ url : “{{route(‘questionDetail’)}}”,…(Continue Reading)

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

投稿者: Anonymous お世話になっております。 現在、Monaca側からAjaxとphpを利用して、外部DBのレコードを取得しています。 表題の件ですが、検索のクエリをAjaxでPOST送信して、PHPでPDOを使った クエリ実行を行うまでは出来ました。 しかし、DBから取得したデータを返す際、JSON形式に変換する必要があり、 今の所手動で連想配列を作り、それをjsonへ変換しています。 ですがこのやり方だと、クエリによって連想配列作成のロジックを 変更しなければならない為、sql文だけを送って結果を取得するという ことが実現できません。 どうにかして実現できる方法はないでしょうか? 言っている事が分かりにくかったらすみません。 ご回答頂けると助かります。 解決 質問の回答については PDOの結果を配列で返してくれるようなライブラリが存在するのでそちらを使ってはどうでしょうか? http://php.net/manual/ja/pdostatement.fetchall.php 回答者: Anonymous

Post con Ajax siempre da error pero igual funciona

publicado por: Anonymous SOLUCIÓN: Una de las soluciones dadas (que fue la que me funcionó fue eliminar dataType : ‘json’, luego si la ruta queda como en mi caso /search/search/undefined eso lo solucioné cambiando window.location.href = response.redirect; por window.location.href = ”;. tengo el siguiente código en el cual primero obtengo en un array los checkbox…(Continue Reading)

Enviar 2 arrays mas variables mediante ajax

publicado por: Anonymous Buenas, sucede que tengo 2 arrays y 2 variables, las cuales necesito enviar via POST, hasta el momento tengo esto: $.ajax({ type: “POST”, url: “saveAsistencia.php”, data: {‘array’:JSON.stringify(asistencia)}, dataType: “html”, error: function(){ alert(“error al hacer consulta”); }, success: function(data){ $(“#response”).empty(); $(“#response”).append(data); } }); } eso es para enviar un array tengo entendido, pero…(Continue Reading)

Crear múltiples div dinámicamente

publicado por: Anonymous Tengo una página que consume la API de Wikipedia para obtener artículos relacionados con lo que sea que el usuario coloque en un cuadro de texto, todo esto lo realiza perfecto, el problema esta en que solo estoy mostrando el último artículo encontrado debido a voy reemplazando el contenido en el mismo…(Continue Reading)

Cargar elemento con ajax

publicado por: Anonymous Deseo realizar una consulta y recogerlo tanto en una caja de texto como en un select. Puedo capturar la consulta en una caja de texto, pero no en el select. Index.php <script> function cargar_energia(){ //var n = document.getElementById(“nombre”).value; var datos={ “nombre”: $(“#nombre”).val(), } $.ajax({ type:’post’, url: ‘prueba_consulta.php’, data: datos, dataType: ‘json’, //data:…(Continue Reading)

Evitar redireccionamiento del SERVLET en lenguaje de programacion JSP

publicado por: Anonymous Buen día, la situación es la siguiente: tengo una ventana modal de bootstrap donde inserto información a la base de datos (PostgreSQL), ésta acción se realiza desde un botón input y un onclick=”valida_envia2()” que se encuentran dentro del modal Ésta función se encuentra en el jsp: function valida_envia2() { if (document.f2.producto.value.length ===…(Continue Reading)

¿Cómo actualizar código jQuery a la nueva versión y solucionar error en editar usuario – ajax?

publicado por: Anonymous Tengo realizado un pequeño script de un popup modal box jQuery. Pero observó que en la nueva versión jQuery existen nuevos cambios, código que ya está obsoleto, cómo puedo actualizar jQuery 2.1 a la versión jQuery 3.2.1 utilizando los nuevos métodos de respuesta ajax done y fail en vez del antiguo uso…(Continue Reading)

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

投稿者: Anonymous googleplayの以下のサイトのhtmlをpythonで取得したところ、アプリのランキングが60位までしかのっていないものでした。 https://play.google.com/store/apps/collection/topselling_free?hl=ja でソースコードを表示すると同じく60位までしか表示されません。 調べたところ、Javascriptか何かでレンダリングされているとのことだったのですが、どのようにしたら60以降のアプリの情報ものったhtmlが取得できるか知りたいです。 htmlを取得したい理由は個々のアプリの詳細ページへのリンクを取得したいからです。 個々のアプリの詳細ページのリンクさえ取得できれば、手段は問いません。 seleniumなどを利用することも考えましたが、ド素人なのでうまい対策が分かりませんでした。 回答の程、よろしくお願い致します。 解決 例えば、このようなURLでアクセスすると https://play.google.com/store/apps/collection/topselling_free?hl=ja&start=60&num=30 60位から90位が取得出来ます。 こういったリクエストのパラメータを探すには、Webブラウザのデベロッパーツールなどで該当ページの挙動を観察すればよいです。 しかし、これからは多くのWebページが「Webアプリケーション」化していくので、難易度は上っていくでしょう。 やはり、seleniumやPhantomJSなどのようにブラウザをまるごと内蔵(操作)しているクライアントでクロールするのが楽だと思います。 追記: ソースコードのどこをみればよいか ですが、Webアプリケーションのソースをただ読んで追っていくのは普通の人には厳しいと思います。既にそういう時代です。 挙動を観察するのが基本かと思います。 下にスクロールすると続きが読み込まれる「無限スクロール」の場合、観察するのは – スクロールイベント周辺 – ネットワークのリクエスト のどちらかです。 このページに関していうと、下までスクロールした際にXHR(XMLHttpRequests)による https://play.google.com/store/apps/collection/topselling_free?hl=ja&authuser=0 に対するPOST要求が観察出来ます。 POSTデータはこんな感じです。 start=60 num=60 numChildren=0 cctcss=square-cover cllayout=NORMAL ipf=1 xhr=1 token= … hl=ja この中から必要な物を使う事になります。今回はstartとnumだけでよかったです。試してみるとGETも受け付けたので、上記URLが作れたわけです。 観察にはFirefoxの開発ツールを使いました。 回答者: Anonymous

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

投稿者: Anonymous Monaca/onsen UIを用いてアプリ開発をしております。 ajaxで動的にons-col/ons-rowをhtmlに追加し、その際、各ons-colにcss要素の追加もしておりますが、cssの適用がうまくいかずに立ち往生しております。 以下がコードになります。 html <ons-navigator page=”top.html” var=”app.navi”></ons-navigator> <ons-template id=”top.html”> <ons-page id=”top-page”> <ons-list-item modifier=”chevron” class=”item” id=”list_up”> <ons-row> <ons-col class=”title”> <header> <span class=”item-title”>リスト</span> </header> </ons-col> </ons-row> </ons-list-item> ・・・ </ons-page> </ons-template> <ons-template id=”list.html”> <ons-page id=”list-page”> <ons-list> <ons-list-item> <div id=”list”></div> </ons-list-item> </ons-list> </ons-page> </ons-template> script (function(){ ‘use strict’; $(document).on(‘pageinit’, ‘#top-page’, function() { $(‘#list_up’, this).on(‘click’, function() {…(Continue Reading)

Enviar valores obtenidos de un table a JSON y Ajax

publicado por: Anonymous La pregunta es ¿cómo puedo enviar los datos obtenidos de un table y pasarlos a Json luego enviarlos por Ajax $(“#obtenerDatos”).click(function(){ var mytabla = [] $(“#mytable”).find(“tbody tr”).each(function(index, el) { var tr = [] $(this).find(“td”).each(function(index, el) { tr.push($(this).text()) }); mytabla.push(tr) }); console.log(mytabla); }) solución Esta respuesta esta abierta a la comunidad cambios u…(Continue Reading)

create.js.erbにjsコードを記述してもVSコード上で色が変わらない(無効な状態):ActionCable

投稿者: Anonymous ActiveCableを使用し、非同期通信でチャットができるように実装をしています。 初学者であるため、基本ができていないかもしれないのと、特にJavaScriptは知識が浅く調べても基本的な事すぎてなのか原因などが出てこないため、こちらで質問をさせていただきます。 下記のwebサイトを参考にし、実装を進めています。 【Rails6】 Action CableでSlack風チャットアプリを作成 – Qiita その内の、4.4 Action Cable の設定・確認 の部分でjs.erbを作成し// フォームに入力した文字列を消去 document.getElementById(‘message_content’).value = ”の通りに記述をしたのですが、VSコード上では白文字の状態でアクティブにはなっていないようでした。 これはajaxの導入などの時点で誤っているのか、他に必要な作業が事前にあったのかわからず困っております。 手順の中でBootstrap4の導入がありましたが、同じアプリにページネーション機能を実装した際に <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">を導入し、既に設定しているCSSが崩れてしまったので、その手順はスキップしあとで自身でCSSで装飾をしようと思っていました。 ですが、チャット送信画面で以下のようなエラーも出てきており、導入をしないのでいけないのか・・?と考えているのですが、どなたかお知恵を拝借できないでしょうか。 因みにjQueryはapplication.jsに以下のように記述しております。 require(‘jquery’) require("@rails/ujs").start() require("turbolinks").start() require("@rails/activestorage").start() require("channels") どうぞよろしくお願い致します。 解決 VSCode はなんでもかんでも検知して、いい感じにハイライトしてくる魔法のツールではありません。 VSCodeの設定方法や、拡張機能の使い方等をある程度学ばれるのがよいかと思います。 ダウンロード数が少ないですが、例えば下記を入れると .js.erb をハイライトできることを確認できました。 https://marketplace.visualstudio.com/items?itemName=ratismal.erb-types 蛇足 蛇足ですが、こうなってくると、どの拡張機能が良いですか?と質問したくなってしまいますが、このような質問は 買い物リスト と呼ばれ、スタックオーバーフローではよくない質問とされています。 回答者: Anonymous

Extraer datos de una página web sin usar curl php

publicado por: Anonymous Encontré unas formas de extraer datos de otra página que funcionan con AJAX para cargar el contenido. Por lo que es imposible usar PHP o específicamente curl. Mi problema es que no logro entender bien la manera de lograrlo. Les dejo los códigos: _x000D_ _x000D_ <script src=’//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js’></script>_x000D_ <script>_x000D_ xmlhttp = new XMLHttpRequest();_x000D_…(Continue Reading)