Communiquer Javascript -> .NET

Marsh Posté le 21-08-2007 à 11:32:46

Bonjour,

J'ai un array en javascript contenant tout les ID des objets selectionnées et j'aurais voullu savoir si il y avait une solution élégante pour récuréer ce tableau dans mon code asp.net

D'avance merci

Ben

Marsh Posté le 21-08-2007 à 11:32:46

Marsh Posté le 21-08-2007 à 11:53:10

personnellement je ne crois pas qu'il soit possible d'avoir une interraction entre asp.net et javascript.
Par contre entre html et asp.net cela est possible.

Donc on pourrait imaginer que ton array soit copié dans un hiddenField par exemple.

Sinon pour tes objets sélectionné, es-tu sure de ne pas pouvoir les récupérer en asp.net plutot qu'en javascript?

s'il s'agit d'html, il suffit de les marquer runat="server" pour y avoir accès en asp.net dans le code behind.

Marsh Posté le 21-08-2007 à 12:27:55

Salut,
Ce n'est pas possible :

ASP: s'execute coté serveur
Javascript : s'execute coté client

Tu peux peut être avoir malgres tout une piste en te penchant sur l'Ajax, je crois qu'il y a une fonction nommée "XMLHttpRequest", en tout cas cela existe pour appeler du php donc il ny' a pas de raison.

Tu devrais trouver pas mal d'exemple sur le net

Marsh Posté le 21-08-2007 à 12:28:12

Appel de code php :
http://gael-donat.developpez.com/w [...] ax/#LIII-A

Marsh Posté le 21-08-2007 à 12:48:20

Merci c est sur ces 2 pistes que j'était partit pour l'instant je vais le faire avec un hiddenfield et ensuite j'essaierai de l'adapter en AJAX

Merci à vous

Marsh Posté le 23-08-2007 à 17:43:05

Ajax est intégralement intégré au FrameWork 3.0

Par contre dans le 2.0 il me semble que c'est 100% à la main. Ceci dit, c'est la solution vers laquel il me semble le plus judicieux de s'orienter.

Edit : Ah si, il est aussi présent dans la 2.0 sous forme d'un module additionnel "Microsoft Ajax Extensions 1.0"

Là ils disent comment s'en servir avec PHP ( :heink: ) en cherchant bien tu dois pouvoir trouver comment faire avec ASP.NET
http://www.microsoft.com/france/ms [...] c_php.mspx

Message édité par MagicBuzz le 23-08-2007 à 17:43:47

Marsh Posté le 23-08-2007 à 21:04:44

Je viens de tester Atlas (c'est ça le nom des extensions Ajax pour .NET) et ça marche de la balle

Déjà, faut le télécharger (sisi c'est vrai ) à moins que tu n'aie Visual Studio 2008, auquel cas c'est intégré dans .NET 3.0
http://download.microsoft.com/down [...] tSetup.msi

Tu installes la bête (avec VS fermé évidement).
Dans le doute, installe-le sur le poste de dev (obligatoirement) et sur le serveur (ça pourrait s'avérer utile vu que ça ajoute des namespace à System.UI)

Maintenant, on y va !
Default.aspx :

Code :

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="MainSite._Default" %> 
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" 
    Namespace="System.Web.UI" TagPrefix="asp" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html> 
<head runat="server"> 
    <title>Untitled Page</title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
        <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        <asp:Timer ID="Timer1" runat="server" Interval="2000" OnTick="Timer1_Tick" /> 
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> 
            <Triggers> 
                <asp:AsyncPostBackTrigger ControlID="Timer1" /> 
            </Triggers> 
            <ContentTemplate> 
                Plop : <asp:Label ID="Label1" runat="server"></asp:Label> 
            </ContentTemplate> 
        </asp:UpdatePanel> 
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
    </form> 
</body> 
</html>

Default.aspx.cs :

Code :

using System;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
 
namespace MainSite
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
        }
 
        protected void Timer1_Tick(object sender, EventArgs e)
        {
            if (TextBox1.Text != string.Empty)
            {
                Label1.Text = string.Format("=> {0} <=", TextBox1.Text);
            }
            else
            {
                Label1.Text = "Vide";
            }
        }
    }
}

Et le Web.Config (parceque sinon ça marche pas). On le trouve dans le répertoire d'installation d'Altas.

Code :

<?xml version="1.0"?>
<configuration>
  <configSections>
    <sectionGroup name="system.web.extensions" type="System.Web.Configuration.SystemWebExtensionsSectionGroup, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35">
      <sectionGroup name="scripting" type="System.Web.Configuration.ScriptingSectionGroup, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35">
        <section name="scriptResourceHandler" type="System.Web.Configuration.ScriptingScriptResourceHandlerSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="MachineToApplication"/>
        <sectionGroup name="webServices" type="System.Web.Configuration.ScriptingWebServicesSectionGroup, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35">
          <section name="jsonSerialization" type="System.Web.Configuration.ScriptingJsonSerializationSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="Everywhere" />
          <section name="profileService" type="System.Web.Configuration.ScriptingProfileServiceSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="MachineToApplication" />
          <section name="authenticationService" type="System.Web.Configuration.ScriptingAuthenticationServiceSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="MachineToApplication" />
        </sectionGroup>
      </sectionGroup>
    </sectionGroup>
  </configSections>
 
  <system.web>
    <pages>
      <controls>
        <add tagPrefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
      </controls>
    </pages>
    <!--
          Set compilation debug="true" to insert debugging
          symbols into the compiled page. Because this
          affects performance, set this value to true only
          during development.
    -->
    <compilation debug="false">
      <assemblies>
        <add assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
      </assemblies>
    </compilation>
 
    <httpHandlers>
      <remove verb="*" path="*.asmx"/>
      <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
      <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
      <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/>
    </httpHandlers>
 
    <httpModules>
      <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
    </httpModules>
  </system.web>
  <system.web.extensions>
    <scripting>
      <webServices>
        <!-- Uncomment this line to customize maxJsonLength and add a custom converter -->
        <!--
      <jsonSerialization maxJsonLength="500">
        <converters>
          <add name="ConvertMe" type="Acme.SubAcme.ConvertMeTypeConverter"/>
        </converters>
      </jsonSerialization>
      -->
        <!-- Uncomment this line to enable the authentication service. Include requireSSL="true" if appropriate. -->
        <!--
        <authenticationService enabled="true" requireSSL = "true|false"/>
      -->
 
        <!-- Uncomment these lines to enable the profile service. To allow profile properties to be retrieved
           and modified in ASP.NET AJAX applications, you need to add each property name to the readAccessProperties and
           writeAccessProperties attributes. -->
        <!--
      <profileService enabled="true"
                      readAccessProperties="propertyname1,propertyname2"
                      writeAccessProperties="propertyname1,propertyname2" />
      -->
      </webServices>
      <!--
      <scriptResourceHandler enableCompression="true" enableCaching="true" />
      -->
    </scripting>
  </system.web.extensions>
 
  <system.webServer>
    <validation validateIntegratedModeConfiguration="false"/>
    <modules>
      <add name="ScriptModule" preCondition="integratedMode" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
    </modules>
    <handlers>
      <remove name="WebServiceHandlerFactory-Integrated" />
      <add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode"
           type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
      <add name="ScriptHandlerFactoryAppServices" verb="*" path="*_AppService.axd" preCondition="integratedMode"
           type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
      <add name="ScriptResource" preCondition="integratedMode" verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" />
    </handlers>
  </system.webServer>
</configuration>

Comme tu le vois, dans le ici j'ai simplement fait un bête timer côté client, qui se lance toutes les 2 secondes.
Et il va afficher ce que t'as écrit dans la textbox dans un panel juste en dessous, en faisant un peu de mise en forme.

Le tout est 100% codé en C#, pas une ligne de JS. Tout est donc 100% automatisé pour toi.

Et ça marche !

L'exemple sur lequel je me suis basé :
http://msdn2.microsoft.com/en-us/l [...] S.90).aspx

On voit le truc parler de .NET 3.0
Mais moi j'ai VS2005 Express, donc du 2.0, et ça marche aussi, à condition d'installer le truc que je t'ai mis en lien au dessus.

Marsh Posté le 24-08-2007 à 09:06:20

Merci a tous en fait de mon coté j'ai également trouvé une petite video ici: http://asp.net/learn/ajax-videos/video-79.aspx

Et donc j ai fait comme ca c est assez simple aussi.
Le principe est d'avoir nu webservice coté c# et un JS vraiment tout bete de l'autre coté mais je me base aussi sur le ajax toolkit...

Marsh Posté le 24-08-2007 à 09:33:44

Ben la solution d'Atlas est quand même mieux, dans la mesure ou c'est totalement transparent niveau dev : pas de JS à débuguer, la panade... Même pas besoin d'écrire le code qui te permet d'aller lire les variables dans ton formulaire, ni le code pour mettre à jour la page. Franchement y'a pas photo, le jour où j'en ai besoin, j'utiliser uniquement Atlas.

Message édité par MagicBuzz le 24-08-2007 à 09:34:44

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *