Mixing
How to check link is available or not using Jquery
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
In my Asp.net MVC application, I'm using the Jquery data table to show data. My problem is here you can see I'm used link inside data table to open the file. When the file not available in Downloads folder 404 server error shows, Instead of that I need to direct another page. How to check file available or not inside this datatable.File type was .html
<script>
$("#cribTable").DataTable({
"ajax": {
"url": "/CribManual/GetAllDownloadedCribs",
"type": "GET",
"processing": true,
"datatype": "JSON",
"serverSide": true
},
"columns": [
{
"data": "ID", "render": function (data) {
return `<button type="button" data-toggle="confirmation" data-title="Are you sure?" href='@Url.Action("DeleteCrib", "CribManual")/${data
}'" class="btn btn-danger">Delete</button>`;
},
orderable: false
},
{ "data": "CUS_NAME" },
{ "data": "CUS_NIC" },
{ "data": "STATUS" },
{ "data": "LOCATION" },
{
"data": "LOCATION", 'render': function (data, type, full, meta) {
return '<a href="/Downloads/' + data + '">Read File</a>';
}
}
]
});
</script>
jquery datatables
asked Jan 3 at 3:10
AdamAdam
326
add a comment |
In my Asp.net MVC application, I'm using the Jquery data table to show data. My problem is here you can see I'm used link inside data table to open the file. When the file not available in Downloads folder 404 server error shows, Instead of that I need to direct another page. How to check file available or not inside this datatable.File type was .html
<script>
$("#cribTable").DataTable({
"ajax": {
"url": "/CribManual/GetAllDownloadedCribs",
"type": "GET",
"processing": true,
"datatype": "JSON",
"serverSide": true
},
"columns": [
{
"data": "ID", "render": function (data) {
return `<button type="button" data-toggle="confirmation" data-title="Are you sure?" href='@Url.Action("DeleteCrib", "CribManual")/${data
}'" class="btn btn-danger">Delete</button>`;
},
orderable: false
},
{ "data": "CUS_NAME" },
{ "data": "CUS_NIC" },
{ "data": "STATUS" },
{ "data": "LOCATION" },
{
"data": "LOCATION", 'render': function (data, type, full, meta) {
return '<a href="/Downloads/' + data + '">Read File</a>';
}
}
]
});
</script>
jquery datatables
asked Jan 3 at 3:10
AdamAdam
326
If you're getting the links from a script on the server, I would advise that the script return a NULL value or some other value so a link is not created. Or, ifdatadoes not contain the correct value, link to another value.
– Twisty
Jan 3 at 7:31
add a comment |
In my Asp.net MVC application, I'm using the Jquery data table to show data. My problem is here you can see I'm used link inside data table to open the file. When the file not available in Downloads folder 404 server error shows, Instead of that I need to direct another page. How to check file available or not inside this datatable.File type was .html
<script>
$("#cribTable").DataTable({
"ajax": {
"url": "/CribManual/GetAllDownloadedCribs",
"type": "GET",
"processing": true,
"datatype": "JSON",
"serverSide": true
},
"columns": [
{
"data": "ID", "render": function (data) {
return `<button type="button" data-toggle="confirmation" data-title="Are you sure?" href='@Url.Action("DeleteCrib", "CribManual")/${data
}'" class="btn btn-danger">Delete</button>`;
},
orderable: false
},
{ "data": "CUS_NAME" },
{ "data": "CUS_NIC" },
{ "data": "STATUS" },
{ "data": "LOCATION" },
{
"data": "LOCATION", 'render': function (data, type, full, meta) {
return '<a href="/Downloads/' + data + '">Read File</a>';
}
}
]
});
</script>
jquery datatables
asked Jan 3 at 3:10
AdamAdam
326
In my Asp.net MVC application, I'm using the Jquery data table to show data. My problem is here you can see I'm used link inside data table to open the file. When the file not available in Downloads folder 404 server error shows, Instead of that I need to direct another page. How to check file available or not inside this datatable.File type was .html
<script>
$("#cribTable").DataTable({
"ajax": {
"url": "/CribManual/GetAllDownloadedCribs",
"type": "GET",
"processing": true,
"datatype": "JSON",
"serverSide": true
},
"columns": [
{
"data": "ID", "render": function (data) {
return `<button type="button" data-toggle="confirmation" data-title="Are you sure?" href='@Url.Action("DeleteCrib", "CribManual")/${data
}'" class="btn btn-danger">Delete</button>`;
},
orderable: false
},
{ "data": "CUS_NAME" },
{ "data": "CUS_NIC" },
{ "data": "STATUS" },
{ "data": "LOCATION" },
{
"data": "LOCATION", 'render': function (data, type, full, meta) {
return '<a href="/Downloads/' + data + '">Read File</a>';
}
}
]
});
</script>
jquery datatables
jquery datatables
asked Jan 3 at 3:10
AdamAdam
326
asked Jan 3 at 3:10
AdamAdam
326
asked Jan 3 at 3:10
AdamAdam
326
asked Jan 3 at 3:10
AdamAdam
326
asked Jan 3 at 3:10
AdamAdam
326
326
If you're getting the links from a script on the server, I would advise that the script return a NULL value or some other value so a link is not created. Or, ifdatadoes not contain the correct value, link to another value.
– Twisty
Jan 3 at 7:31
add a comment |
If you're getting the links from a script on the server, I would advise that the script return a NULL value or some other value so a link is not created. Or, ifdatadoes not contain the correct value, link to another value.
– Twisty
Jan 3 at 7:31
If you're getting the links from a script on the server, I would advise that the script return a NULL value or some other value so a link is not created. Or, if
data does not contain the correct value, link to another value.– Twisty
Jan 3 at 7:31
If you're getting the links from a script on the server, I would advise that the script return a NULL value or some other value so a link is not created. Or, if
data does not contain the correct value, link to another value.– Twisty
Jan 3 at 7:31
add a comment |
1 Answer
1
active
oldest
votes
This solution is not advised, yet you can capture error codes when performing AJAX calls. Reference: Capture 404 status with jQuery AJAX
This might look something like this:
{
"data": "LOCATION",
"render": function (data, type, full, meta) {
var dUrl = "/Downloads/" + data;
var result = $("<a>").html("Read File");
$.ajax({
cache: false,
url: dUrl,
success: function(dat, stat, xhr){
result.attr("href", dUrl);
},
error: function (xhr, stat, err){
if(xhr.status==404) {
result.attr("href", "#").addClass("no-file");
}
}
});
return result.prop("outerHTML");
}
}
DoS WARNING This will generate an HTTP request for every file that is being rendered in the table. If that is 3 or 4, your web server will be able to handle it. But if it is 10, 50, 100, 500, 1000 etc etc etc, you're going to execute a Denial of Service attack against your web server in essence. Most web servers are configured to allow 10 concurrent simultaneous connections to the server. You can up that in the configuration, yet you may end up running out of resources.
The server may not be able to open and close enough sockets to handle all the requests and will start queuing them. This will result in the browser having to wait longer to execute the script and could result in timeouts. Depending on the list size, the browser may begin to consume more memory resources and could potentially lock or crash.
Again, I would strongly advise having the server side script do the heavy lifting. It should not return data if the item does not exist on the server or it should return a value that the Datatable can use without having to do a lot of potentially threatening work.
This is coming from a place of experience not theory.
Hope that helps.
answered Jan 3 at 7:53
TwistyTwisty
14.5k11635
Thank you, I tried your code, but the link("Read File") isn't clickable.
– Adam
Jan 8 at 4:05
@Adam do you see any alerts in your console? Review the Network section too and see if it's making the AJAX call and what the result is.
– Twisty
Jan 8 at 4:29
Please check this image. i.imgur.com/lK0w3VJ.png I change this line like thisvar result = $("a").html("Read File");Now link is clickable. But the problem is all the anchor tag renamed as Read File. And if one file was missing all the links in datatable works as else option.
– Adam
Jan 9 at 2:55
And if all the file available in the particular location. all the links for open that file shows as first file location. there links are wrong. as the example, if I click 2nd record read file link, its open first file link, same for the other records
– Adam
Jan 9 at 3:02
@Adam in my answer, I refer to$("<a>")which creates a new element. Your code refers to$("a")which is a selector for all elements with<a>. They are very different.
– Twisty
Jan 9 at 3:08
|
show 1 more comment
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54015833%2fhow-to-check-link-is-available-or-not-using-jquery%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
This solution is not advised, yet you can capture error codes when performing AJAX calls. Reference: Capture 404 status with jQuery AJAX
This might look something like this:
{
"data": "LOCATION",
"render": function (data, type, full, meta) {
var dUrl = "/Downloads/" + data;
var result = $("<a>").html("Read File");
$.ajax({
cache: false,
url: dUrl,
success: function(dat, stat, xhr){
result.attr("href", dUrl);
},
error: function (xhr, stat, err){
if(xhr.status==404) {
result.attr("href", "#").addClass("no-file");
}
}
});
return result.prop("outerHTML");
}
}
DoS WARNING This will generate an HTTP request for every file that is being rendered in the table. If that is 3 or 4, your web server will be able to handle it. But if it is 10, 50, 100, 500, 1000 etc etc etc, you're going to execute a Denial of Service attack against your web server in essence. Most web servers are configured to allow 10 concurrent simultaneous connections to the server. You can up that in the configuration, yet you may end up running out of resources.
The server may not be able to open and close enough sockets to handle all the requests and will start queuing them. This will result in the browser having to wait longer to execute the script and could result in timeouts. Depending on the list size, the browser may begin to consume more memory resources and could potentially lock or crash.
Again, I would strongly advise having the server side script do the heavy lifting. It should not return data if the item does not exist on the server or it should return a value that the Datatable can use without having to do a lot of potentially threatening work.
This is coming from a place of experience not theory.
Hope that helps.
answered Jan 3 at 7:53
TwistyTwisty
14.5k11635
Thank you, I tried your code, but the link("Read File") isn't clickable.
– Adam
Jan 8 at 4:05
@Adam do you see any alerts in your console? Review the Network section too and see if it's making the AJAX call and what the result is.
– Twisty
Jan 8 at 4:29
Please check this image. i.imgur.com/lK0w3VJ.png I change this line like thisvar result = $("a").html("Read File");Now link is clickable. But the problem is all the anchor tag renamed as Read File. And if one file was missing all the links in datatable works as else option.
– Adam
Jan 9 at 2:55
And if all the file available in the particular location. all the links for open that file shows as first file location. there links are wrong. as the example, if I click 2nd record read file link, its open first file link, same for the other records
– Adam
Jan 9 at 3:02
@Adam in my answer, I refer to$("<a>")which creates a new element. Your code refers to$("a")which is a selector for all elements with<a>. They are very different.
– Twisty
Jan 9 at 3:08
|
show 1 more comment
This solution is not advised, yet you can capture error codes when performing AJAX calls. Reference: Capture 404 status with jQuery AJAX
This might look something like this:
{
"data": "LOCATION",
"render": function (data, type, full, meta) {
var dUrl = "/Downloads/" + data;
var result = $("<a>").html("Read File");
$.ajax({
cache: false,
url: dUrl,
success: function(dat, stat, xhr){
result.attr("href", dUrl);
},
error: function (xhr, stat, err){
if(xhr.status==404) {
result.attr("href", "#").addClass("no-file");
}
}
});
return result.prop("outerHTML");
}
}
DoS WARNING This will generate an HTTP request for every file that is being rendered in the table. If that is 3 or 4, your web server will be able to handle it. But if it is 10, 50, 100, 500, 1000 etc etc etc, you're going to execute a Denial of Service attack against your web server in essence. Most web servers are configured to allow 10 concurrent simultaneous connections to the server. You can up that in the configuration, yet you may end up running out of resources.
The server may not be able to open and close enough sockets to handle all the requests and will start queuing them. This will result in the browser having to wait longer to execute the script and could result in timeouts. Depending on the list size, the browser may begin to consume more memory resources and could potentially lock or crash.
Again, I would strongly advise having the server side script do the heavy lifting. It should not return data if the item does not exist on the server or it should return a value that the Datatable can use without having to do a lot of potentially threatening work.
This is coming from a place of experience not theory.
Hope that helps.
answered Jan 3 at 7:53
TwistyTwisty
14.5k11635
Thank you, I tried your code, but the link("Read File") isn't clickable.
– Adam
Jan 8 at 4:05
@Adam do you see any alerts in your console? Review the Network section too and see if it's making the AJAX call and what the result is.
– Twisty
Jan 8 at 4:29
Please check this image. i.imgur.com/lK0w3VJ.png I change this line like thisvar result = $("a").html("Read File");Now link is clickable. But the problem is all the anchor tag renamed as Read File. And if one file was missing all the links in datatable works as else option.
– Adam
Jan 9 at 2:55
And if all the file available in the particular location. all the links for open that file shows as first file location. there links are wrong. as the example, if I click 2nd record read file link, its open first file link, same for the other records
– Adam
Jan 9 at 3:02
@Adam in my answer, I refer to$("<a>")which creates a new element. Your code refers to$("a")which is a selector for all elements with<a>. They are very different.
– Twisty
Jan 9 at 3:08
|
show 1 more comment
This solution is not advised, yet you can capture error codes when performing AJAX calls. Reference: Capture 404 status with jQuery AJAX
This might look something like this:
{
"data": "LOCATION",
"render": function (data, type, full, meta) {
var dUrl = "/Downloads/" + data;
var result = $("<a>").html("Read File");
$.ajax({
cache: false,
url: dUrl,
success: function(dat, stat, xhr){
result.attr("href", dUrl);
},
error: function (xhr, stat, err){
if(xhr.status==404) {
result.attr("href", "#").addClass("no-file");
}
}
});
return result.prop("outerHTML");
}
}
DoS WARNING This will generate an HTTP request for every file that is being rendered in the table. If that is 3 or 4, your web server will be able to handle it. But if it is 10, 50, 100, 500, 1000 etc etc etc, you're going to execute a Denial of Service attack against your web server in essence. Most web servers are configured to allow 10 concurrent simultaneous connections to the server. You can up that in the configuration, yet you may end up running out of resources.
The server may not be able to open and close enough sockets to handle all the requests and will start queuing them. This will result in the browser having to wait longer to execute the script and could result in timeouts. Depending on the list size, the browser may begin to consume more memory resources and could potentially lock or crash.
Again, I would strongly advise having the server side script do the heavy lifting. It should not return data if the item does not exist on the server or it should return a value that the Datatable can use without having to do a lot of potentially threatening work.
This is coming from a place of experience not theory.
Hope that helps.
answered Jan 3 at 7:53
TwistyTwisty
14.5k11635
This solution is not advised, yet you can capture error codes when performing AJAX calls. Reference: Capture 404 status with jQuery AJAX
This might look something like this:
{
"data": "LOCATION",
"render": function (data, type, full, meta) {
var dUrl = "/Downloads/" + data;
var result = $("<a>").html("Read File");
$.ajax({
cache: false,
url: dUrl,
success: function(dat, stat, xhr){
result.attr("href", dUrl);
},
error: function (xhr, stat, err){
if(xhr.status==404) {
result.attr("href", "#").addClass("no-file");
}
}
});
return result.prop("outerHTML");
}
}
DoS WARNING This will generate an HTTP request for every file that is being rendered in the table. If that is 3 or 4, your web server will be able to handle it. But if it is 10, 50, 100, 500, 1000 etc etc etc, you're going to execute a Denial of Service attack against your web server in essence. Most web servers are configured to allow 10 concurrent simultaneous connections to the server. You can up that in the configuration, yet you may end up running out of resources.
The server may not be able to open and close enough sockets to handle all the requests and will start queuing them. This will result in the browser having to wait longer to execute the script and could result in timeouts. Depending on the list size, the browser may begin to consume more memory resources and could potentially lock or crash.
Again, I would strongly advise having the server side script do the heavy lifting. It should not return data if the item does not exist on the server or it should return a value that the Datatable can use without having to do a lot of potentially threatening work.
This is coming from a place of experience not theory.
Hope that helps.
answered Jan 3 at 7:53
TwistyTwisty
14.5k11635
edited Jan 3 at 8:08
answered Jan 3 at 7:53
TwistyTwisty
14.5k11635
answered Jan 3 at 7:53
TwistyTwisty
14.5k11635
answered Jan 3 at 7:53
TwistyTwisty
14.5k11635
14.5k11635
Thank you, I tried your code, but the link("Read File") isn't clickable.
– Adam
Jan 8 at 4:05
@Adam do you see any alerts in your console? Review the Network section too and see if it's making the AJAX call and what the result is.
– Twisty
Jan 8 at 4:29
Please check this image. i.imgur.com/lK0w3VJ.png I change this line like thisvar result = $("a").html("Read File");Now link is clickable. But the problem is all the anchor tag renamed as Read File. And if one file was missing all the links in datatable works as else option.
– Adam
Jan 9 at 2:55
And if all the file available in the particular location. all the links for open that file shows as first file location. there links are wrong. as the example, if I click 2nd record read file link, its open first file link, same for the other records
– Adam
Jan 9 at 3:02
@Adam in my answer, I refer to$("<a>")which creates a new element. Your code refers to$("a")which is a selector for all elements with<a>. They are very different.
– Twisty
Jan 9 at 3:08
|
show 1 more comment
Thank you, I tried your code, but the link("Read File") isn't clickable.
– Adam
Jan 8 at 4:05
@Adam do you see any alerts in your console? Review the Network section too and see if it's making the AJAX call and what the result is.
– Twisty
Jan 8 at 4:29
Please check this image. i.imgur.com/lK0w3VJ.png I change this line like thisvar result = $("a").html("Read File");Now link is clickable. But the problem is all the anchor tag renamed as Read File. And if one file was missing all the links in datatable works as else option.
– Adam
Jan 9 at 2:55
And if all the file available in the particular location. all the links for open that file shows as first file location. there links are wrong. as the example, if I click 2nd record read file link, its open first file link, same for the other records
– Adam
Jan 9 at 3:02
@Adam in my answer, I refer to$("<a>")which creates a new element. Your code refers to$("a")which is a selector for all elements with<a>. They are very different.
– Twisty
Jan 9 at 3:08
Thank you, I tried your code, but the link("Read File") isn't clickable.
– Adam
Jan 8 at 4:05
Thank you, I tried your code, but the link("Read File") isn't clickable.
– Adam
Jan 8 at 4:05
@Adam do you see any alerts in your console? Review the Network section too and see if it's making the AJAX call and what the result is.
– Twisty
Jan 8 at 4:29
@Adam do you see any alerts in your console? Review the Network section too and see if it's making the AJAX call and what the result is.
– Twisty
Jan 8 at 4:29
Please check this image. i.imgur.com/lK0w3VJ.png I change this line like this
var result = $("a").html("Read File"); Now link is clickable. But the problem is all the anchor tag renamed as Read File. And if one file was missing all the links in datatable works as else option.– Adam
Jan 9 at 2:55
Please check this image. i.imgur.com/lK0w3VJ.png I change this line like this
var result = $("a").html("Read File"); Now link is clickable. But the problem is all the anchor tag renamed as Read File. And if one file was missing all the links in datatable works as else option.– Adam
Jan 9 at 2:55
And if all the file available in the particular location. all the links for open that file shows as first file location. there links are wrong. as the example, if I click 2nd record read file link, its open first file link, same for the other records
– Adam
Jan 9 at 3:02
And if all the file available in the particular location. all the links for open that file shows as first file location. there links are wrong. as the example, if I click 2nd record read file link, its open first file link, same for the other records
– Adam
Jan 9 at 3:02
@Adam in my answer, I refer to
$("<a>") which creates a new element. Your code refers to $("a") which is a selector for all elements with <a>. They are very different.– Twisty
Jan 9 at 3:08
@Adam in my answer, I refer to
$("<a>") which creates a new element. Your code refers to $("a") which is a selector for all elements with <a>. They are very different.– Twisty
Jan 9 at 3:08
|
show 1 more comment
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54015833%2fhow-to-check-link-is-available-or-not-using-jquery%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
If you're getting the links from a script on the server, I would advise that the script return a NULL value or some other value so a link is not created. Or, if
datadoes not contain the correct value, link to another value.– Twisty
Jan 3 at 7:31