ajax e asp: si può fare?

**giorgius** · 07-03-2016, 15:03

Ciao a tutti
la mia domanda nasce dal fatto che sto testando diversi script per l'edit in line ma non riesco a inviare i dati ad una pagina che dovrebbe poi elaborarli....essendo tale pagina in asp mi sorge il dubbio che non si possa semplicemente fare su un server windows...è così?

p.s: Ho appena porvato Jeditable di cui in tanti ne palrano bene ma come detto, non riesco a far passare i dati...

**pietro09** · 07-03-2016, 15:33

la risposta è sì, si può fare

**giorgius** · 07-03-2016, 15:44

Originariamente inviata da pietro09

la risposta è sì, si può fare

orbene.....qualcuno allora usa Jeditable e mi sa dire dove sta il problema?
questa l'asp della pagina update.asp nella quale "dovrebbero" arrivare i dati modificati in modo, poi, di poter aggiornare un db..
Ma, come detto, non passa nessun dato...

Pagina iniziale :
-------------------------

codice:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.jeditable.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript" charset="utf-8">
 $('.editable').editable('update.asp', {
     type     : 'text',
     submit   : 'OK',
     callback : function(value, settings) {
         console.log(this);
         console.log(value);
         console.log(settings);
     }
 });
</script>
</head>
<body>

N_ft
<div id="n_ft" class="edit" >9000></div>
d_ft:
<div id="d_ft" class="edit">07/03/2016</div>
m_ft:
<div id="m_ft" class="edit">marks</div>

------------------------------------------
----------------------------------------------

Pagina update.asp:

codice:

<%

n_ft = trim(request("n_ft"))
d_ft = trim(request("d_ft"))
m_ft = trim(request("m_ft"))

response.write n_ft &"<br>"
response.write d_ft&"<br>"
response.write m_ft&"<br>"


'Set Conn=Server.CreateObject("ADODB.Connection")
ecc..ecc.


'SQL2="UPDATE articoli set n_ft='"&n_ft&"', d_ft='"&n_ft&"', m_ft='"&n_ft&"' WHERE pak='1' "
'conn.Execute(SQL2)
%>

**pietro09** · 07-03-2016, 16:04

senti, io non lo uso.
Però prendo il primo esempio in linea

codice:

        
<divclass="edit"id="div_1">Dolor</div>

        
<divclass="edit_area"id="div_2">Lorem ipsum dolor sit amet, consectetuer

        adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore

        magna aliquam erat volutpat.
</div></div>

codice:

<
scripttype="text/javascript">

// <![CDATA[


$(document).ready(
function() {

     $(
'.edit').editable('../scrivi_parametri.aspx');

 });


　

　

　

// ]]>

</
script>

se clicco su Dolo e ci scrivo e PREMO ENTER, vedo quello che mi manda la pagina scrivi_parametri.aspx (che sta nello stesso server)

**ciro78** · 07-03-2016, 17:27

Originariamente inviata da giorgius

orbene.....qualcuno allora usa Jeditable e mi sa dire dove sta il problema?
questa l'asp della pagina update.asp nella quale "dovrebbero" arrivare i dati modificati in modo, poi, di poter aggiornare un db..
Ma, come detto, non passa nessun dato...

Pagina iniziale :
-------------------------

codice:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.jeditable.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript" charset="utf-8">
 $('.editable').editable('update.asp', {
     type     : 'text',
     submit   : 'OK',
     callback : function(value, settings) {
         console.log(this);
         console.log(value);
         console.log(settings);
     }
 });
</script>
</head>
<body>

N_ft
<div id="n_ft" class="edit" >9000></div>
d_ft:
<div id="d_ft" class="edit">07/03/2016</div>
m_ft:
<div id="m_ft" class="edit">marks</div>

------------------------------------------
----------------------------------------------

Pagina update.asp:

codice:

<%

n_ft = trim(request("n_ft"))
d_ft = trim(request("d_ft"))
m_ft = trim(request("m_ft"))

response.write n_ft &"<br>"
response.write d_ft&"<br>"
response.write m_ft&"<br>"


'Set Conn=Server.CreateObject("ADODB.Connection")
ecc..ecc.


'SQL2="UPDATE articoli set n_ft='"&n_ft&"', d_ft='"&n_ft&"', m_ft='"&n_ft&"' WHERE pak='1' "
'conn.Execute(SQL2)
%>

ciao giorgius,
non sei nuovo del forum quindi dovresti sapere che è meglio usare il tag code per inserire porzioni di codice.

grazie.

**giorgius** · 07-03-2016, 17:27

Originariamente inviata da pietro09

senti, io non lo uso.
Però prendo il primo esempio in linea

codice:

        
<divclass="edit"id="div_1">Dolor</div>

        
<divclass="edit_area"id="div_2">Lorem ipsum dolor sit amet, consectetuer

        adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore

        magna aliquam erat volutpat.
</div></div>

codice:

<
scripttype="text/javascript">

// <![CDATA[


$(document).ready(
function() {

     $(
'.edit').editable('../scrivi_parametri.aspx');

 });


　

　

　

// ]]>

</
script>

se clicco su Dolo e ci scrivo e PREMO ENTER, vedo quello che mi manda la pagina scrivi_parametri.aspx (che sta nello stesso server)

Scusa temo di non aver ben capito...ho provato ma io non vedo nulla....anzi ora mi appare la scritta "click to edit"...

**pietro09** · 07-03-2016, 17:31

adesso debbo chiudere. Conta che ho preso il primo esempio che si trova nel sito di quel controllo. Ti ripeto, per vedere il risultato debbo scrivere qualcosa dove è Dolor e PREMERE ENTER

**giorgius** · 08-03-2016, 09:50

Originariamente inviata da pietro09

adesso debbo chiudere. Conta che ho preso il primo esempio che si trova nel sito di quel controllo. Ti ripeto, per vedere il risultato debbo scrivere qualcosa dove è Dolor e PREMERE ENTER

Innanzitutto mi scuso per non aver usato il tag code...
poi, nessuno che riesce a darmi una dritta? magari con un altro sistema che non sia jeditable?

**cavicchiandrea** · 08-03-2016, 11:35

Metti il link alla tua pagina demo online

**pietro09** · 08-03-2016, 12:45

Certo che hai scelto un bel programma

ti mostro un esempio in asp funzionante

pagina

codice:

<html>
<head>
    <title></title>
    
    <style type="text/css">
        #TextArea1
        {
            border:1px silver solid;
            height:300px;
            width:300px;
            padding:10px;
        }
    </style>



    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/tmp/jquery.jeditable.mini.js"></script>
<script type="text/javascript">
// <![CDATA[


$(function()
    {
        $('.edit').editable('update.asp', {
                 indicator : 'Saving...',
                 tooltip   : 'Click to edit...'
             });
             
             $('.edit_area').editable('update.asp', {
                 type      : 'textarea',
                 cancel    : 'Cancel',
                 submit    : 'OK',
                 indicator : '<img src="img/indicator.gif">',
                 tooltip   : 'Click to edit...'
             });    
    });


// ]]>
</script>


</head>
<body>
    <div id="div1" class="edit">Scrivi qualcosa</div>
    <br /><br />
    <p id="TextArea1" class="edit_area"></p>
</body>
</html>

pagina update.asp

codice:

<%
    id = trim(request("id"))
    value = trim(request("value"))

    response.Write "id: " & id & "   value: " & value
    response.end

 %>

in pratica, ho notato che quel programma spedisce due parametri:
value => quello che si scrive
id => id del controllo su cui si scrive

perciò, la pagina update.asp, legge questi parametri ricevuti e li rispedisce al chiamante, che li vede

ps. il mio consiglio è di lasciare perdere questo plugin e di usare jquery

Discussione: ajax e asp: si può fare?

Strumenti discussione

Ricerca discussione

Visualizza

ajax e asp: si può fare?

Permessi di invio