JavaScript

<script>
        function myFunction()
        {
            var a=document.getElementById('msg').value;
            var b=document.getElementById('msg2').value;

            document.getElementById("result").value=
                <%=new Yaz().yaz(%> a <%,%> b <%)%>
              //new Yaz().yaz(a,b);
            //değer istemeyen bir method yazıp şöyle çağırırsak sorun yok new Yaz().yaz();

}
    </script>

HTML

    <input type="text" id="msg">
    <input type="text" id="msg2">
    <input type="text" onkeypress="myFunction()" id="yy">
    <input type="text" id="result">

3-cu textfiled-e veri girildiğinde 1-ci ve 2-ci input text-lere girilen rakamları server tarafda toplayib
4-cü texfielde çıktısını vermesi lazım.Sayfa refresh olmadan yapmak istiyorum onun için JavaScript kullanıyorum

soruldu: 10 Nis '13, 10:28

Serxan's gravatar image

Serxan
51691106107
cevap kabul oranı: 46%

değiştirildi: 11 Nis '13, 06:24

mhkoca60's gravatar image

mhkoca60
1.8k264554


jQuery ajax ile şu şekilde yapabilirsiniz.

index.jsp

<%-- 
    Document   : index
    Created on : Apr 10, 2013, 6:59:53 PM
    Author     : turgay
--%>

<%@page import="app.Yaz"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>     
    </head>
    <body>
        <script>
            function myFunction(){
                var a = $('#msg').val();
                var b = $('#msg2').val();
                dataString = "msg=" + a + "&msg2=" + b;
                if(dataString == ''){
                    alert("boş");               
                }else{
                $.ajax({
                    type: "POST",
                    url: "hesapla.jsp",
                    data: dataString,
                    success: function(data) { 
                        $('#result').val(data);
                    },
                    error:function (xhr, ajaxOptions, thrownError){
                        alert(thrownError);
                    }                                        
                });  
                }
            }
        </script>

        <form id="myFrom" name="myForm">
            <input type="text" id="msg"><br/>
            <input type="text" id="msg2"><br/>
            Bir karakter giriniz >>>> <input type="text" onkeypress="myFunction()" id="yy">
        </form>
        <input type="text" id="result">

    </body>
</html>

hesapla.jsp

<%-- 
    Document   : hesapla
    Created on : Apr 10, 2013, 7:14:55 PM
    Author     : turgay
--%>
<%@page import="app.Yaz"%>
<%
    if (request != null) {
        int a = Integer.valueOf(request.getParameter("msg"));
        int b = Integer.valueOf(request.getParameter("msg2"));
        Yaz yaz = new Yaz();
        int toplam = yaz.topla(a, b);
        out.print(toplam);
    }
%>

Yaz.java

package app;

/**
 *
 * @author turgay
 */
public class Yaz {

    public int topla(int a, int b) {
        return a + b;
    }
}

Uygulamayı indirmek için tıklayınız..

permanent link

cevaplandı: 10 Nis '13, 11:37

Turgay%20Can's gravatar image

Turgay Can
8.3k63798
cevap kabul oranı: 18%

değiştirildi: 10 Nis '13, 12:17

Cevabınız
toggle preview

Bu soruyu takip et

E-Posta üzerinden:

Üyelik girişi yaptıktan sonra abonelik işlemlerini yapabilirsiniz

RSS üzerinden:

Cevaplar

Cevaplar ve Yorumlar

Yazı Formatlama

  • *italic* ya da _italic_
  • **bold** ya da __bold__
  • link:[text](http://url.com/ "başlık")
  • resim?![alt text](/path/img.jpg "başlık")
  • liste: 1. Foo 2. Bar
  • temel HTML etiketleri de kullanılabilir

Bu sorunun etiketleri:

×1,076
×137
×111

Soruldu: 10 Nis '13, 10:28

Görüntüleme: 875 kez

Son güncelleme: 11 Nis '13, 06:24

powered by BitNami OSQA