Sothian

HtmljQuery

Oct 21st, 2019
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.10 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Sugestie backend</title>
  6. </head>
  7. <script src="jquery-3.4.1.js"></script>
  8. <script type="text/javascript">
  9.     function wyslijAJAX() {
  10.        
  11.         var parametry = {
  12.                 "pole": $('#pole').val(),
  13.                 "wartosc": $('#pole').val()
  14.         }
  15.        
  16.         // Inny sposob
  17.         var parametr = new Object();
  18.         parametr.wartosc = $('#pole').val();
  19.        
  20.         if(parametry.wartosc) {
  21.             $.ajax({
  22.                 url: "SugestiejQuery",
  23.                 type: "POST",
  24.                 dataType: "json",
  25.                 data: JSON.stringify(parametry),
  26.                 contentType: "application/json",
  27.                 mimeType: "application/json",
  28.                
  29.                 success: function(data) {
  30.                     $("#wyniki").html("");
  31.                     $.each(data.sugestia, function(index, wynik) {
  32.                         $("#wyniki").append('<div class="lista">' + wynik + '</div>');
  33.                     });
  34.                 },
  35.            
  36.                 error: function(data,status,er) {
  37.                     alert("error: " + data +
  38.                             " status: " + status +
  39.                             " error: " + er);
  40.                 }
  41.             })
  42.         }
  43.        
  44.     }
  45. </script>
  46. <body>
  47.     <h4>Wpisz marke samochodow</h4>
  48.     <input id="pole" onkeyup="wyslijAJAX()" />
  49.     <div id="wyniki"></div>
  50. </body>
  51.  
  52. </html>
Add Comment
Please, Sign In to add comment