Communication entre jquery et servlet java

Version imprimable

voila je cherche depuis 3 jours en ayant des information mais sans succes.
Merci pour votre aide.
Voici ma page catalogue.jsp qui doit communiquer avec la servlet destroy_user sans succe

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function destroyItem(){
	var row = $('#cartcontent').datagrid('getSelected');
	if (row){
		$.messager.confirm('Confirm','Etes vous sur d enlever le et les articles selectionne(s)?',function(r){
			if (r){
				var index = $('#cartcontent').datagrid('getRowIndex',row);
				$.post('destroy_user',{id:row.id},function(){
 
				$('#cartcontent').datagrid('deleteRow',index);
				totalCost = totalCost - row.quantity*row.price;
 
				$('#cartcontent').datagrid('loadData', data);
				$('div.cart .total').html('Total: €'+totalCost);
				});
			}
		});

et ma servlet destroy_user

Code:

1
2
3
4
5
6
7
8
9
10
11
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
	// TODO Auto-generated method stub
	String id = request.getParameter("id");
	Integer idInteger = new Integer(id);
	UsersHome ush= new UsersHome();
	Users utilisateur = ush.findById(idInteger);
	ush.delete(utilisateur);
	response.setContentType("text/plain");  
	response.setCharacterEncoding("UTF-8"); 
	response.getWriter().write("succes"); 
}

mon fichier xml

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
  <display-name>JqueryAjaxDemo</display-name>
    <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  <servlet>
    <description></description>
    <display-name>destroy_user</display-name>
    <servlet-name>destroy_user</servlet-name>
    <servlet-class>destroy_user</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>destroy_user</servlet-name>
    <url-pattern>/destroy_user</url-pattern>
  </servlet-mapping>
</web-app>

En vous remerciant d'avance, cordialement

J'ai tout changer et la ca marche (grace a un tutoriel)
voici le code jquery. et javasript
Code:

1 2 3 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script> <script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
Le code html

Code:

$.get('TextAjax',{id:row.id},function()

La servlet TextAjax
Code:

1 2 3 4 5 6 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String iddata = null; iddata = request.getParameter("id"); System.err.println("succes"+iddata); }
et le resultat sur la console
succesnull

La servlet a ete appeler. Voila c'est résolue

Voici un code plus complet sur la communication de jquery avec les servelet java

Le code javascript

Code:

1
2
3
4
 
var index = $('#cartcontent').datagrid('getRowIndex',row);
alert("index "+index);
$.get('TextAjax',{id:index},function(responseText){alert(responseText);

et le code de la servlet TextAjax

Code:

1
2
3
4
5
6
7
8
9
10
11
 
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String iddata = null;
iddata = request.getParameter("id");
Integer	idInteger = new Integer(iddata);
		System.err.println("succes"+iddata+ "/" +idInteger);
 
		response.setContentType("text/plain");  
		response.setCharacterEncoding("UTF-8"); 
		response.getWriter().write("hello World"); 
	}

Un correctif
vous appeler la servlet AjouterPanier en utilisant:

Code:

1
2
3
4
 
$.get('AjouterPannier',nom:row.name,prix:row.price,quantite:row.quantity},function(){});
 
alert("nom "+row.name+" prix "+row.price+" quantite "+row.quantity);

et la servlet AjouterPanier

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
public AjouterPannier() {
        super();
        // TODO Auto-generated constructor stub
    }
 
	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//		{rang:rows},{prix:price},{quantite:quantity}
		String iprix,iquantite = null;
		String inom = null;
 
    	inom = request.getParameter("nom");
    	iprix = request.getParameter("prix");
    	iquantite = request.getParameter("quantite");
 
    	System.out.println("nom "+inom+"prix "+iprix+"quantite "+iquantite);
 
    	}

il se peut que lors du premier drag and drop les messages donnent null,
En fait il y a comme un article qui s'affiche en retard.
Mais si vous faite un recapitulatif pour par exemple payer le pannier, vous retouverez tout les articles que vous avez glisser dans le Pannier.

Code:

1
2
3
4
5
6
7
8
 
function pay(){
var str = "";
var i = 0;
while (i<data.total)
{str=str+ "|reference de l'article "+data.rows[i].name+" | quantite "+data.rows[i].quantity+" | prix a l'unite "+data.rows[i].price+" |sous total: €"+data.rows[i].quantity*data.rows[i].price+"\n";
i++;}
alert(str);