Podczas wczytywania skryptu PHP poprzez AJAX uciekają mi inne skrypty JS

Question

Witam,

mam problem, otóż zrobiłem wyszukiwarkę w AJAX-ie i PHP, która wyszukuje rekordy w bazie danych.
Przed wyszukiwaniem elementów w bazie danych skrypty działają a jak zacznę coś wyszukiwać to skrypty, które wcześniej działały przestają działać...
Może ktoś mi poddać przyczynę nie działania reszty skryptów w JS-ie?

Pozdrawiam.

Comments

$(document).ready();

To nie to samo co IIFE. $(document).ready(); wykonuje się, gdy strona zostanie załadowana (czyli z opóźnieniem), zaś IIFE wywołuje się w momencie jego utworzenia - więc efekty ich użycia są z goła odwrotne, a przeznaczenie użycia różne.

---

Pierwsze spróbuje przepisać AJAX-a do Jquery, dam znać co z tego wyjdzie

---

Możecie spojrzeć na kod tego, bo przyznaję się pierwszy raz AJAX-a poprzez Jquery i na pewno coś jest źle ale nie wiem co :)
 

$("#searchInput").keypress(function(){
	var x = $("#optionSearch option:selected").val();
	var y = $("#searchInput").val();	
	$.ajax({
		url : "app/search.php",
		data : {
			search: y,
			select_search: x
		},
		success: function(data) {
			$("#result").html(data) 
		},
		complete: function() {
		},
		error: function(jqXHR, errorText, errorThrown) {

		}
	});	
});

<form class="navbar-form navbar-right" method="get" action="search.php" name="form_search" >
						<div class="form-group">
							<select name="select_search" class="form-control" id="optionSearch">
								<option value="id">Nr zlecenia</option>
								<option value="id_customer">Nr klienta</option>
								<option value="firstname">Imię</option>
								<option value="lastname">Nazwisko</option>
								<option value="brand">Marka</option>
								<option value="model">Model</option>
								<option value="age">Rocznik</option>
								<option value="vin">VIN</option>
								<option value="plate">Nr rejestracyjny</option>
								<option value="mileage">Przebieg</option>
								<option value="color">Kolor</option>
								<option value="description">Po opisie</option>
								<option value="Data">Po dacie</option>
								<option value="status">Po statusie zlecenia</option>
							</select>
						</div>
						<div class="form-group">
							<input type="text" name="search" placeholder="Szukaj!" class="form-control" id="searchInput">
						</div>
						<button type="submit" class="btn btn-default">Szukaj</button>
					</form>
				</div>
			</div>
		</nav>
			<div id="result">
			</div>

 

---

Dobra kod AJAX-a w JQuery mi się wykonuje ale nadal nie są zaczytywane inne skrypty, które podmieniają mi klasy ze stylami css-a i podmieniają tekst.

---

To nie to samo co IIFE. $(document).ready(); wykonuje się, gdy strona zostanie załadowana (czyli z opóźnieniem), zaś IIFE wywołuje się w momencie jego utworzenia - więc efekty ich użycia są z goła odwrotne, a przeznaczenie użycia różne.

Może z goła odwrotne ale jak dasz to na końcu przed </body> efekt końcowy będzie taki sam...

Answer 1

Dobra, znalazłem w czym jest rzecz, do funkcji complete w ajaxie dodałem wywołanie funckji, które mnie interesują:
 

$("#searchInput").keypress(function(){
    var x = $("#optionSearch option:selected").val();
    var y = $("#searchInput").val();    
    $.ajax({
        url : "app/search.php",
        data : {
            search: y,
            select_search: x
        },
        success: function(data) {
            $("#result").html(data) 
        },
        complete: function() {
            ColorC();
            displayNull();
        },
        error: function(jqXHR, errorText, errorThrown) {
 
        }
    }); 
});

Teraz jak wczytywanie funkcji Ajax się powiedzie, te skrypty zostaną wczytane.