Llamada Ajax para la función PHP

Un usuario preguntó 👇

Hola,

¿Alguien puede mostrarme un buen ejemplo de cómo llamar a una función PHP con Ajax? Quiero guardar una galería de imágenes (con un número dinámico de imágenes) en una base de datos en la sección de configuración de administración. El código siguiente está incompleto o posiblemente contiene algunos errores. Muéstrame un buen ejemplo o una mejor manera:

<button type="button" class="btn btn-primary" onclick="jsAddSettingsFields()">Save Changes</button> 

    function jsAddSettingsFields(){

        var elements = document.getElementsByTagName("img");
        var urlsdata = new Array();

        for (var i = 0, element; element = elements[i++];) {
            if (elements[i].id == "idGalPic") {
                 urlsdata[i] = elements[i].src; 
    //now we have all image urls in array, now need to call add_settings_fields

                 var data = {
                        action: 'php_addsettingsfields',
                        p_urls: urlsdata //I think i need to JSON this
                    };
                 jQuery.post( "", function( data ) );
                 //https://api.jquery.com/jQuery.post/
            }
        }

    }//end of js function

//PHP part:
<?php
  add_action( 'wp_ajax_update_options', 'php_addsettingsfields_callback' );
  add_action( 'wp_ajax_nopriv_update_options', 'php_addsettingsfields_callback' );

            function php_addsettingsfields_callback() {
    
                $pic_urls = $_POST['p_urls'];  //De-JSON-fy this variable

                foreach ($pic_urls as &$url) {
                    add_settings_field($url);
                }
	        add_settings_field(
	            'pic_url_id', // ID - slug name of field
	            '', // Title 
	            array( $this, 'pic_gal_callback' ), // Callback
	            'TestPlugin', // Page
	            'setting_section_id' // Section ID - slug name of page         
	        );   

	    public function pic_gal_callback()  
	    {
               <input type="hidden" id="idPic" name="idPic" value=$url>
             }

             //after all hidden fields(with gallery pic urls) are added to setting section submit the page and save the gallery urls to database

Este tema fue modificado hace 9 meses, 3 semanas por. Razón: use el botón CODIGO para formatear el código

(@bcworkz)

Hace 9 meses, 3 semanas

Recomiendo obtener una solicitud básica de Ajax y una respuesta que funcione correctamente antes de intentar cualquier cosa que tenga que ver con las URL de las imágenes. Una vez que funcione, puede agregarlo para agregar la funcionalidad que necesita. La solicitud POST debe ir a /wp-admin/admin-ajax.php. Las acciones que realiza están conectadas en función del elemento de datos de «acción» que realiza. Para obtener más detalles, consulte el Manual de plugins.

Lanzador de hilos

(@ direktor1977)

Hace 9 meses, 3 semanas

Maldita sea, este Javascript me está volviendo loco. ¿Puedes ayudarme a corregir este violín por favor?

https://jsfiddle.net/direktor/2rqgfh3z/2/

Quiero obtener las URL de todos los elementos de la imagen y editarlos y conectarlos a Json. ¿Por qué no funciona?

(@bcworkz)

Hace 9 meses, 3 semanas

Consulte la consola de errores para obtener sugerencias para errores tontos, como un enchufe { sa for línea de bucle.

No es válido HTML para más de una función para tener una determinada ID de página. Entonces no puedes usarlo getElementById() para obtener más de una función. Utilice un método de selección diferente u obtenga el<ul>elemento y profundice para obtener<img /> nodos secundarios.

Dejé de verificar cuando se trataba de reescribir su código, por lo que aún puede haber otros problemas. Entre verificar la consola y verificar los valores de las variables con alertas, debería poder encontrar el código de ejecución.

¿Solucionó tu problema??

SíNo

0 / 0