prevent continue for loop when jquery ajax until load

If you need the requests to be executed in serial instead of parallel, you can do that with a little re-structuring. Don't make the AJAX requests synchronous, just use the response of each request to invoke the next one.

Consider a structure like this:

function sendRequest() {
    $.ajax({
        type: "GET",
        url: "insert_names.php",
        success: function (data) {
            // some codes
        }
    });
}

Now the request is wrapped in a function that you can invoke. So invoke it in response to the previous request:

function sendRequest() {
    $.ajax({
        type: "GET",
        url: "insert_names.php",
        success: function (data) {
            // some codes
            sendRequest();
        }
    });
}

It's starting to look like a standard recursive pattern, so all you need now is a terminating condition. Similar to the original loop, just use an incrementing value:

var i = 1;

function sendRequest() {
    $.ajax({
        type: "GET",
        url: "insert_names.php",
        success: function (data) {
            // some codes
            i++;
            if (i <= 10) {
                sendRequest();
            }
        }
    });
}

Then just invoke it once to start it:

sendRequest();

Now the request should be invoked 10 times as expected (unless my math is off by one, but that should be easy to correct), each request happening in response to the previous request.

With asynchronous programming, don't try to make it synchronous. Instead, perform actions in response to the callbacks.