Ajax ile Form oluşturmak veri yollamak.

Sitebuilder · 14.02.2007

İstediğim şeyi kısaca açıklamak istiyorum

ajax sayfayı normal link şeklinde çağırıyor ?
örnek : <a href="#" onClick="ajaxsayfa('sayfa1.ASP', 'icerik');">sayfa1.ASP</a>

bunda bir sorun yok peki ya bir form yapmak istersem ? mesela bir iletişim formu yaptım ve bilgileri ASP sayfama göndermek istedim form da icerik alanında açılmasını istediğim linki nasıl vermem gerekli yani form un Action linki nasıl olmalı ki sayfanın ortasında bulunan icerik tablomda sayfam açılsın ?

Şunu denedim olmadı ?

PHP Code:


			
  <form action="JavaScript:ajaxsayfa('sayfa1.ASP', 'icerik');" method="post" name="form1" target="_self" >

    <input type="submit" name="Submit" value="Submit">

    <input name="ajax" type="text" id="ajax">

  </form>

ajax ı form olarak yollama şansımız yokmu...?

ajax kodu ;

PHP Code:


			
<script type="text/JavaScript">

function ajaxsayfa(url, divid){

document.getElementById(divid).innerHTML='<img src="load.gif"><br>Yükleniyor Lütfen bekleyin...'



var page_request = false

if (window.XMLHttpRequest) // if Mozilla, Safari etc

page_request = new XMLHttpRequest()

else if (window.ActiveXObject){ // if IE

try {

page_request = new ActiveXObject("Msxml2.XMLHTTP")

} 

catch (e){

try{

page_request = new ActiveXObject("Microsoft.XMLHTTP")

}

catch (e){}

}

}

else

return false

page_request.onreadystatechange=function(){

loadpage(page_request, divid)

}

page_request.open('GET', url, true)

page_request.send(null)

}



function loadpage(page_request, divid){

if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))

document.getElementById(divid).innerHTML=page_request.responseText

}

</script>

Yardımcı olursanız çok sevinirim bu bölümde takıldım.

mceL · 14.02.2007

Gönder düğmesini "submit" yapmak yerine bir normal bir düğme gibi tanımlayıp onClick yordamına gerekli fonksiyon yazılarak yapılabilir sanırım.

Sitebuilder · 14.02.2007

Eğer mümkünse vaktinizi almayacak basit bir örnekle açıklayabilirmisiniz ? Ben söylediğinizden yola çıkarak şöyle bir şey yaptım ama işe yaramadı

PHP Code:


			
  <form action="" method="post" name="form1" target="_self" >

    <input type="submit" onClick="ajaxsayfa('sayfa1.ASP', 'icerik');" >

    <input name="ajax" type="text" id="ajax">

  </form>

Submit değerini değiştirdiğimde veya sildiğimde buton özelliğini kaybedip textbox olarak karşıma çıktı.

Yardımcı olursanız çok sevinirim

meteryus · 14.02.2007

Sitebuilder · 14.02.2007

Alıntı:

meteryus tarafından gönderilen mesaj:

Yardımınız için teşekküredirim fakat sonuç :

sayfa1.ASP yi çağırıyor fakat ajax textbox içine yazdığım veriyi göstermiyor ? sayfa1.ASP içinde veriyi almak için kullandığım kod <%response.write request.form("ajax") %> kodu kullanarak almaya çalıştığımda veriyi almıyor ?

acaba js içine bir kodmu yazmam gerekli ?

Konuyla alakalı olarak şöyle bir şey buldum çalışıyor sistem ama benim kullandığım kodlar çalışmıyor.

PHP Code:


			
<HTML>

<head><title>Sayfa yenilenmeden post yollamak ve yanıt almak.</title>

<script language="JavaScript">

//fonksiyonu ben yazdım, fakat garip bir şekilde sanki ingilizce isim vermek

//daha iyi olur gibi geliyor. bir de ilk harf küçük sonraki kelimenin ilk harfi büyük oluyor ya

//(camelCase)

// bunaBayılıyorum(":-)");

function sendPost(formId,spanId)//fonksiyonun xmlhttp kısımları user9 un kodlarından gelmedir.

{

    var form = document.getElementById(formId);

    var span = document.getElementById(spanId);

    document.getElementById(formId).innerHTML='<img src="load.gif"><br>Yükleniyor Lütfen bekleyin...'



    var postRequest = new String("");



    var n,v;// n -> name , v -> value

    //göndereceğimiz bilgiyi hazır edelim.

    for(var i=0;i<form.elements.length;i++)

    {

        n = form.elements[i].name;

        v = form.elements[i].value;

        postRequest += escape(n) + '=' + escape(v) + '&';//burada bir problem var.

    }



    escape(postRequest);



    var xmlhttp = new_xmlhttp();/**alacaklı haciz koymuş bekire of offf*/

    xmlhttp.open("POST","post.ASP",true);

    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded;charset=iso-8859-9");

    xmlhttp.send(postRequest);

    xmlhttp.onreadystatechange = function() {

        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

            span.innerHTML = xmlhttp.responseText;

        }

        else

        {

            span.innerHTML = '<h1>Abi kusura bakma bir terslik oldu.</h1>';

        }

    }

    return false;//formu yollama

}/**hadi gel köyümüze geri dönelim, fadime nin düğününde halay çekelim*/





// http://jibbering.com/2002/4/xmlhttp.js

function new_xmlhttp()

{

    var xmlhttp;

    /*@cc_on @*/

    /*@if (@_jscript_version >= 5)

      try {

      xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");

     } catch (e) {

      try {

        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

      } catch (E) {

       xmlhttp=false;

      }

     }

    @else

     xmlhttp=false;

    @end @*/

    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {

     try {

      xmlhttp = new XMLHttpRequest();

     } catch (e) {

      xmlhttp=false;

     }

    }

    return xmlhttp;

}

</script>

</head>

<body>

<form id="formOrnek" onSubmit="return sendPost(this.id,'spanTest')">

    <ul>

        <label for="textAd" accesskey="a"><u>A</u>d:</label>

        <input type="text" id="textAd" name="textAd"/><br/>



        <label for="textSoyad" accesskey="s"><u>S</u>oyad :</label>

        <input type="text" id="textSoyad" name="textSoyad"/><br/>



        <input type="submit" value="Gönder"/>

    </ul>

</form>

<hr/>

<span id="spanTest"></span>

</body>

</HTML>

Burada bulunan örneğe baktığımda bazı XML kodları kullanarak veriyi gönderdiğini gördüm.. Bir çözüm yolu bekliyorum

Sitebuilder · 14.02.2007

Sonunda başardım,

ajax koduna eklemeler yapmamız gerekiyormuş, aynı sorunla karşılaşacak olan arkadaşlar olursa ben aşağıdaki kodu kullanarak çözüme ulaştım sorunsuz olarak çalışıyor.

Vakit ayırıp cevap veren tüm Zoque dostlarına teşekkürederim.

1. ajax.ASP kodları aşağıdaki gibi olmalı

PHP Code:


			
<script type="text/JavaScript" language="JavaScript">

   var http_request = false;

   function makePOSTRequest(url, parameters) {

      http_request = false;

      if (window.XMLHttpRequest) { // Mozilla, Safari,...

         http_request = new XMLHttpRequest();

         if (http_request.overrideMimeType) {

             // set type accordingly to anticipated content type

            //http_request.overrideMimeType('text/XML');

            http_request.overrideMimeType('text/HTML');

         }

      } else if (window.ActiveXObject) { // IE

         try {

            http_request = new ActiveXObject("Msxml2.XMLHTTP");

         } catch (e) {

            try {

               http_request = new ActiveXObject("Microsoft.XMLHTTP");

            } catch (e) {}

         }

      }

      if (!http_request) {

         alert('Cannot create XMLHTTP instance');

         return false;

      }

      

      http_request.onreadystatechange = alertContents;

      http_request.open('POST', url, true);

      http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

      http_request.setRequestHeader("Content-length", parameters.length);

      http_request.setRequestHeader("Connection", "close");

      http_request.send(parameters);

   }



   function alertContents() {

       document.getElementById('myspan').innerHTML='<img src="load.gif">'

       if (http_request.readyState == 4) {

      if          

(http_request.status == 200) {

            //alert(http_request.responseText);

            result = http_request.responseText;

            document.getElementById('myspan').innerHTML = http_request.responseText; 



         } else {

            alert('There was a problem with the request.');

         }

      }

   }

   

   function get(obj) {

      var poststr = "mytextarea1=" + encodeURI( document.getElementById("mytextarea1").value ) ;

      makePOSTRequest('post.ASP', poststr);

   }



</script>





<form action="JavaScript:get(document.getElementById('myform'));" name="myform" id="myform">

<textarea id="mytextarea1">my test

1

2

3

</textarea>

<br>

<input type="button" name="button" value="Submit" 

   onclick="JavaScript:get(this.parentNode);">

</form>



<br><br>

server-Response:<br>

<hr>

<span name="myspan" id="myspan"></span>

<hr>

2. post.ASP Kodları Aşağıdaki gibi olmalı.

PHP Code:


			
<% Response.Charset = "windows-1254" %>

<%

response.write request.form("mytextarea1")

%>

Kaynak : http://www.captain.at/howto-ajax-form-post-request.php

( Adres PHP için örnek vermiş ben örneği ASP olarak kullandım )

14.02.2007	#1 (permalink)
Sitebuilder Üyelik Tarihi: 18.03.2002 Yer: izmir Yaş: 26 Mesaj: 145	Ajax ile Form oluşturmak veri yollamak. İstediğim şeyi kısaca açıklamak istiyorum ajax sayfayı normal link şeklinde çağırıyor ? örnek : <a href="#" onClick="ajaxsayfa('sayfa1.ASP', 'icerik');">sayfa1.ASP</a> bunda bir sorun yok peki ya bir form yapmak istersem ? mesela bir iletişim formu yaptım ve bilgileri ASP sayfama göndermek istedim form da icerik alanında açılmasını istediğim linki nasıl vermem gerekli yani form un Action linki nasıl olmalı ki sayfanın ortasında bulunan icerik tablomda sayfam açılsın ? Şunu denedim olmadı ? PHP Code: `<form action="JavaScript:ajaxsayfa('sayfa1.ASP', 'icerik');" method="post" name="form1" target="_self" > <input type="submit" name="Submit" value="Submit"> <input name="ajax" type="text" id="ajax"> </form>` ajax ı form olarak yollama şansımız yokmu...? ajax kodu ; PHP Code: <script type="text/JavaScript"> function ajaxsayfa(url, divid){ document.getElementById(divid).innerHTML='<img src="load.gif"><br>Yükleniyor Lütfen bekleyin...' var page_request = false if (window.XMLHttpRequest) // if Mozilla, Safari etc page_request = new XMLHttpRequest() else if (window.ActiveXObject){ // if IE try { page_request = new ActiveXObject("Msxml2.XMLHTTP") } catch (e){ try{ page_request = new ActiveXObject("Microsoft.XMLHTTP") } catch (e){} } } else return false page_request.onreadystatechange=function(){ loadpage(page_request, divid) } page_request.open('GET', url, true) page_request.send(null) } function loadpage(page_request, divid){ if (page_request.readyState == 4 && (page_request.status==200 \|\| window.location.href.indexOf("http")==-1)) document.getElementById(divid).innerHTML=page_request.responseText } </script> Yardımcı olursanız çok sevinirim bu bölümde takıldım.

14.02.2007	#2 (permalink)
mceL Üyelik Tarihi: 30.11.2000 Yer: Bursa Yaş: 20 Mesaj: 809	Re: Ajax ile Form oluşturmak veri yollamak. Gönder düğmesini "submit" yapmak yerine bir normal bir düğme gibi tanımlayıp onClick yordamına gerekli fonksiyon yazılarak yapılabilir sanırım. __________________ muarifer » ruby, rails, postgresql, yazılım geliştirimi falan...

14.02.2007	#3 (permalink)
Sitebuilder Üyelik Tarihi: 18.03.2002 Yer: izmir Yaş: 26 Mesaj: 145	Re: Ajax ile Form oluşturmak veri yollamak. Eğer mümkünse vaktinizi almayacak basit bir örnekle açıklayabilirmisiniz ? Ben söylediğinizden yola çıkarak şöyle bir şey yaptım ama işe yaramadı PHP Code: `<form action="" method="post" name="form1" target="_self" > <input type="submit" onClick="ajaxsayfa('sayfa1.ASP', 'icerik');" > <input name="ajax" type="text" id="ajax"> </form>` Submit değerini değiştirdiğimde veya sildiğimde buton özelliğini kaybedip textbox olarak karşıma çıktı. Yardımcı olursanız çok sevinirim

14.02.2007	#4 (permalink)
meteryus Üyelik Tarihi: 26.12.2005 Yer: feza Yaş: 27 Mesaj: 182 Görsel: 11	Re: Ajax ile Form oluşturmak veri yollamak. <form action="" method="post" name="form1" target="_self" > <input type="button" onClick="ajaxsayfa('sayfa1.ASP', 'icerik');" > <input name="ajax" type="text" id="ajax"> </form> __________________ meteryus.com // geri döndü

14.02.2007	#6 (permalink)
Sitebuilder Üyelik Tarihi: 18.03.2002 Yer: izmir Yaş: 26 Mesaj: 145	Re: Ajax ile Form oluşturmak veri yollamak. Sonunda başardım, ajax koduna eklemeler yapmamız gerekiyormuş, aynı sorunla karşılaşacak olan arkadaşlar olursa ben aşağıdaki kodu kullanarak çözüme ulaştım sorunsuz olarak çalışıyor. Vakit ayırıp cevap veren tüm Zoque dostlarına teşekkürederim. 1. ajax.ASP kodları aşağıdaki gibi olmalı PHP Code: <script type="text/JavaScript" language="JavaScript"> var http_request = false; function makePOSTRequest(url, parameters) { http_request = false; if (window.XMLHttpRequest) { // Mozilla, Safari,... http_request = new XMLHttpRequest(); if (http_request.overrideMimeType) { // set type accordingly to anticipated content type //http_request.overrideMimeType('text/XML'); http_request.overrideMimeType('text/HTML'); } } else if (window.ActiveXObject) { // IE try { http_request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { http_request = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {} } } if (!http_request) { alert('Cannot create XMLHTTP instance'); return false; } http_request.onreadystatechange = alertContents; http_request.open('POST', url, true); http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); http_request.setRequestHeader("Content-length", parameters.length); http_request.setRequestHeader("Connection", "close"); http_request.send(parameters); } function alertContents() { document.getElementById('myspan').innerHTML='<img src="load.gif">' if (http_request.readyState == 4) { if (http_request.status == 200) { //alert(http_request.responseText); result = http_request.responseText; document.getElementById('myspan').innerHTML = http_request.responseText; } else { alert('There was a problem with the request.'); } } } function get(obj) { var poststr = "mytextarea1=" + encodeURI( document.getElementById("mytextarea1").value ) ; makePOSTRequest('post.ASP', poststr); } </script> <form action="JavaScript:get(document.getElementById('myform'));" name="myform" id="myform"> <textarea id="mytextarea1">my test 1 2 3 </textarea> <br> <input type="button" name="button" value="Submit" onclick="JavaScript:get(this.parentNode);"> </form> <br><br> server-Response:<br> <hr> <span name="myspan" id="myspan"></span> <hr> 2. post.ASP Kodları Aşağıdaki gibi olmalı. PHP Code: `<% Response.Charset = "windows-1254" %> <% response.write request.form("mytextarea1") %>` Kaynak : http://www.captain.at/howto-ajax-form-post-request.php ( Adres PHP için örnek vermiş ben örneği ASP olarak kullandım )

Sponsorlu Bağlantılar
Zoque.Forum Reklam