Değiştiğinde kullanarak bir formu göndermek için nasıl

1 Cevap php

i bir biçimde 3 farklı seçenek değerlerini göndermek gerekiyor, ama ben ajax kullanarak çok tecrübesiz değilim. Ben seçenekleri / select değerlerinin 3 farklı liste var ve seçenek biri seçildiğinde tüm diğer 2 seçenek teslim edeceğiz. Ben sadece seçeneklerin kalanını göndermek mümkün ama tek bir seçeneği sunması başardınız. Ben bazı uzman tavsiyesi ihtiyacım var lütfen. Teşekkür ederiz!

Ben hala o iş için alınamıyor ama burada başarmak için çalışıyorum daha spesifik bir görev

<form method="POST" name="step01" action="">
  </select name="dayID" onChange="javascript:document.step01.submit()" size="1">
    <option value="  ">(please select a country)
    <option value="1">1 
    <option value="2">2 
    <option value="3">3

    <option value="4">4
    <option value="5">5
    <option value="6">6
    <option value="7">7
  </select>

  </select name="monthID" onChange="javascript:document.step01.submit()" size="1">
    <option value="  ">(please select a country)
    <option value="1">1 
    <option value="2">2 
    <option value="3">3

    <option value="4">4
    <option value="5">5
    <option value="6">6
    <option value="7">7
  </select>

  </select name="yearID" onChange="javascript:document.step01.submit()" size="1">
    <option value="  ">(please select a country)
    <option value="1">1 
    <option value="2">2 
    <option value="3">3

    <option value="4">4
    <option value="5">5
    <option value="6">6
    <option value="7">7
  </select>
</form>

her biri için 3 farklı seçin isimler var olduğunu fark. Ben değiştiğinde yöntemini kullanarak sayfa yenileme olmadan 3 değerlerini göndermek istiyorum. Herkes kolay ajax pasajı ile bana yardımcı olabilir misiniz?

1 Cevap

Eğer URL değişkeni ile form değişkenlerini gönderme gibi görünüyor

url=url+"?"+name+"="+str;

Fonksiyonu ile form değerleri eklemek için gerek yoktur, sen javascript bunları başvuruda bulunabilir. Onlar nereye gideceğini daha olduğunu istiyorsanız örnekte sadece, URL dizesine eklenen bir tane var.

var url = "create_notice_request.php?name=" + document.myForm.name.value;
ajaxRequest.open("GET", url, true);
ajaxRequest.send(null);

Ama muhtemelen bu sizin için bir sürü basit hale getirmek için jQuery ajax kullanarak içine bakmak gerekir.

Burada sunucu tarafı yanıt verir tam bir AJAX fonksiyonun bir örnektir.

 function ajaxFunction(){
    var ajaxRequest; 
    try{
    // Opera 8.0+, Firefox, Safari
    	 ajaxRequest = new XMLHttpRequest();
     } catch (e){
    	 // Internet Explorer Browsers
    	 try{
    		 ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
    	 } catch (e) {
    		 try{
    			 ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
    		 } catch (e){
    			 // Something went wrong
    			 alert("You do not support JavaScript, sorry!");
    			 return false;
    		 }
    	 }
     }
     // Create a function that will receive data sent from the server
     ajaxRequest.onreadystatechange = function(){
    	 if(ajaxRequest.readyState == 4){
    		 document.getElementById("ordarea").innerHTML = ajaxRequest.responseText;
    	 }
     }
     var url = "return.php?order=" + document.myForm.order.value;
     ajaxRequest.open("GET", url, true);
     ajaxRequest.send(null);
 }

jQuery sadece daha kompakt ve daha kolay tüm fonksiyon okuma yapmak, hem de size yerleşik tüm tarayıcı uyumluluğu verecek

121                 $.ajax({
122                    type: "GET",
123                    url: "tag.php",
124                    data: 'file=' + file + '&delete=' + todelete,
125                    success: function(){
126                         //do something on completion
128                    }
129                 });

etiketler