liuxiaomingskm/fetch-handling-errors.markdown

## fetch-handling-errors.markdown

      
    Raw
  

              fetch-handling-errors.markdown
            
          
    works on AJAX request send by JQUERY

A Pen by liuxiaomingskm on CodePen.
License.

  
## index.html

<script
  src="https://code.jquery.com/jquery-3.4.1.js"
  integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
  crossorigin="anonymous"></script>


<button id="btn">click me</button>

## script.js
$('#btn').click(function(){
 $.ajax({
   method:"GET",
   url:"https://baconipsum.com/api/?type=meat-and-filler",
   dataType:'json'
 }).done(function(data){
   console.log(data);
 })
  .fail(function(){
   alert("Oh No!Failed~");
 })
});

## scripts
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

	<script
	src="https://code.jquery.com/jquery-3.4.1.js"
	integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
	crossorigin="anonymous"></script>



	<button id="btn">click me</button>
	$('#btn').click(function(){
	$.ajax({
	method:"GET",
	url:"https://baconipsum.com/api/?type=meat-and-filler",
	dataType:'json'
	}).done(function(data){
	console.log(data);
	})
	.fail(function(){
	alert("Oh No!Failed~");
	})
	});