بررسی وجود تصویر در URL با استفاده از فراخوانی Ajax در jQuery

در این مقاله خواهیم آموخت چگونه می توان با فراخوانی Ajax در jQuery ، آدرس داده شده را برای وجود تصویر بررسی کرد. بررسی وجود عکس در یک آدرس با استفاده از فراخوانی Ajax بسیار آسان است.

در یک صفحه HTML یک textbox و یک Button قرار می دهیم.

    <html xmlns="http://www.w3.org/1999/xhtml">  
      
        <head>  
            <title></title>  
            <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />  
            <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>  
        </head>  
      
        <body>  
            <form id="form1">  
                <div class="container">  
                    <div class="row">  
                        <br>  
                        <div class="form-inline"> <b>Enter Url:</b>  
                            <input type="text" id="txtUrl" />  
                            <input type="button" value="Check Status" id="btnStatus" class="btn-default" /> </div>  
                    </div>  
                </div>  
            </form>  
        </body>  
      
    </html>

قدم بعدی نوشتن کد jQuery برای بررسی تصویر در آدرس است.

    $(function()  
    {  
        $('#btnStatus').click(function()  
        {  
            $.ajax(  
            {  
                url: $('#txtUrl').val(),  
                success: function(data)  
                {  
                    alert('Image Exists');  
                },  
                error: function(data)  
                {  
                    alert('Image does not exist');  
                }  
            });  
        });  
    })

به همین سادگی یک کد برای بررسی تصویر نوشته شد.

نتیجه در مرورگر به صورت زیر است.